JavaScript 中的 init() 用法有什么用？

Question

JavaScript 中 init() 函数的含义和用法是什么？

Answer 1

JavaScript 没有内置的 init() 函数，也就是说，它不是该语言的一部分。但是，个体程序员创建自己的 init() 函数来进行初始化的情况并不罕见（在很多语言中）。

特定的 init() 函数可用于初始化整个网页，在这种情况下，它可能会从 document.ready 或 onload 处理中调用，或者可能会初始化特定类型的对象，或者……好吧，你说吧。

任何给定的 init() 具体执行的操作实际上取决于编写它的人需要它执行的操作。某些类型的代码不需要任何初始化。

function init() {
  // initialisation stuff here
}

// elsewhere in code
init();

Answer 2

在 JavaScript 中，当您通过构造函数调用创建任何对象时，如下所示

步骤 1：创建一个名为 Person 的函数..

function Person(name){
this.name=name;
}
person.prototype.print=function(){
console.log(this.name);
}

步骤 2：为此函数创建一个实例..

var obj=new Person('venkat')

//上面的行将实例化此函数（Person）并返回一个全新的名为 Person {name:'venkat'} 的对象，

如果您不想实例化此函数并同时调用。我们也可以像下面这样做。

var Person = {
  init: function(name){
    this.name=name;
  },
  print: function(){
    console.log(this.name);
  }
};
var obj=Object.create(Person);
obj.init('venkat');
obj.print();

在上面的方法中 init 将帮助实例化对象属性。基本上 init 就像类上的构造函数调用。

Answer 3

注意。构造函数名称应以大写字母开头，以区别于普通函数，例如 MyClass 而不是 myClass。

您可以从构造函数中调用 init：

var myObj = new MyClass(2, true);

function MyClass(v1, v2) 
{
    // ...

    // pub methods
    this.init = function() {
        // do some stuff        
    };

    // ...

    this.init(); // <------------ added this
}

或者更简单地说，您可以将 init 函数的主体复制到构造函数的末尾。如果仅调用一次，则实际上根本不需要 init 函数。

Answer 4

这更像是无法访问的代码

，例如。如果变量 x 或函数 x() 在其所在行下方声明
调用此错误会生成：

 setPlayerOne();

let imageGenerator = (value) =>{
allImages = {
    1: 'images/dice1.png',
    2: 'images/dice2.png',
    3: 'images/dice3.png',
    4: 'images/dice4.png',
    5: 'images/dice5.png',
    6: 'images/dice6.png',
}
  return allImages[Number(value)];
}

findRandom = () =>{
    let randomNumber = Math.floor(Math.random() * 6) +1
    return randomNumber;
}

let setPlayerOne = () =>{
   let img1 = document.querySelector('.img1').attributes.src;
   img1.value = imageGenerator(findRandom())
}

let setPlayerTwo = () =>{
    let img2 = document.querySelector('.img2').attributes.src;
    img2.value = imageGenerator(findRandom())
}

  
setPlayerTwo();

setPlayerOne() 方法将生成此错误，但 setPlayerTwo() 不会生成；
这是因为 setPlayerOne() 在 JS 初始化之前被调用。

Answer 5

JavaScript 总是必须从对象创建原型，因此我们使用 init() 函数创建一个对象，以便使用一些预定义的信息初始化引用的对象。

Object.create() 没有构造函数。最常见的模式是必须手动创建的 init 函数或构造函数：

const userTest = {
    init: function (name, id, email){
        this.name = name;
        this.id = id;
        this.email = email;
    },
    result: function(){
    return `${this.name}, ${this.id}, ${this.email}`;
    }
}


const userTestDavid = Object.create(userTest);
userTest.init('David, 33333432109, [email protected]');

console.log(userTest.result());