eidonjoe / blog Goto Github PK

function sayHello(name, age) {
    console.log('hello ' + name, age + ' years old');
}
function apply1(name, age) {
    return sayHello.apply(this, arguments);
}
function apply2(name, age) {
    return sayHello.apply(this,[name, age]);
}
apply1('roger1', 18); // hello roger1 18 years old
apply2('roger2', 19); // hello roger2 19 years old

function sayHello(name, age) {
    console.log('hello ' + name, age + ' years old');
}
function call1(name, age) {
    return sayHello.call(this, ...arguments);
}
function call2(name, age) {
    return sayHello.call(this,name, age);
}
call1('roger1', 18); // hello roger1 18 years old
call2('roger2', 19); // hello roger2 19 years old

function Person() {
    this.name = 'Tom';
}
Person.prototype.sayAge = function(age) {
    console.log(this.name + ' is ' + age);
}
let person = new Person();
person.sayAge(18); // Tom is 18
function NewPerson() {
    this.name = 'Bob';
}
let newPerson = new NewPerson();
person.sayAge.call(newPerson, 19); // Bob is 19

function Person() {
    this.name = 'Tom';
}
Person.prototype.sayAge = function(age) {
    console.log(this.name + ' is ' + age);
}
let person = new Person();
function NewPerson() {
    this.name = 'Bob';
}
let newPerson = new NewPerson();
let newSayAge = person.sayAge.bind(newPerson);
newSayAge(19); // Bob is 19

function list() {
  return Array.prototype.slice.call(arguments);
}

function addArguments(arg1, arg2) {
    return arg1 + arg2
}

var list1 = list(1, 2, 3); // [1, 2, 3]

var result1 = addArguments(1, 2); // 3

// 创建一个函数，它拥有预设参数列表。
var leadingThirtysevenList = list.bind(null, 37);

// 创建一个函数，它拥有预设的第一个参数
var addThirtySeven = addArguments.bind(null, 37); 

var list2 = leadingThirtysevenList(); 
// [37]

var list3 = leadingThirtysevenList(1, 2, 3); 
// [37, 1, 2, 3]

var result2 = addThirtySeven(5); 
// 37 + 5 = 42 

var result3 = addThirtySeven(5, 10);
// 37 + 5 = 42 ，第二个参数被忽略

React.cloneElement(
  element,
  [props],
  [...children]
)

<element.type {...element.props} {...props}>{children}</element.type>