Preguntas del examen escrito de ingeniero front-end

1. precompilación js

paso:

• 1. Cree un objeto AO (AO:{})
• 2. Encuentre la declaración (abc) del parámetro formal y el objeto, como el nombre del atributo del objeto, el valor no está definido
• 3. Se unifican los parámetros reales y los parámetros formales (a=1, b=2)
• 4. Busque la declaración de la función, que sobrescribirá la declaración de la variable (a=función a() { },b=función b() { })

ejercicio:

<script>
	function test(a, b) {
     
     
		console.log(a)  //  function a() { }
		var a = 123
		console.log(a)  //  123
		console.log(b)  //  function b() { }
		function a() {
     
      }
		if (false) {
     
      var c = 123 } //  为假，不执行
		console.log(c)  //  undefined
		var c = function () {
     
      }
		console.log(c)  //  function () { }
		var b = 123
		console.log(b)  //  123
		function b() {
     
      }
	}
	test(1, 2)

	// - 预编译
	// - 1、创建AO对象
	// - 2、找到形参和对象的声明，作为对象的属性名，值为undifined
	AO: {
     
     
		a: undefined
		b: undefined
		c: undefined
	}
	// - 3、实参和形参相统一
	AO: {
     
     
		a: undefined, 1
		b: undefined, 2
		c: undefined
	}
	// - 4、找到函数声明，会覆盖变量的声明,(var c = function () { }是定义，不是声明)
	AO: {
     
     
		a: undefined, 1, function a() {
     
      }
		b: undefined, 2, function b() {
     
      }
		c: undefined
	}
</script>

---

2, js-esto

• 1. La función se llama directamente: fun.call(window)
• 2. La función se llama como un objeto: fun.run.call(fun)

ejercicio:

<script>
	//  1、在函数中直接使用
	function get(content) {
     
     
		console.log(content)
	}
	get('hello,world')  //  1、相当于  get.call(window, 'hello,world')

	//  2、函数作为对象被调用
	var person = {
     
     
		name: 'jasmine',
		run: function (time) {
     
     
			console.log(`${
       
       this.name},${
       
       time}`)
		}
	}
	person.run(30)  //  2、相当于  person.run.call(person,30)



	var name = 222
	var a = {
     
     
		name: 111,
		say: function () {
     
     
			console.log(this.name)
		}
	}

	var fun = a.say
	fun()    //  1、相当于  fun.call(window)，结果为：222
	a.say()  //  2、相当于  a.say.call(a)，结果为：111

	var b = {
     
     
		name: 333,
		say: function (fun) {
     
     
			fun()
		}
	}
	b.say(a.say)  //  1、fun()  相当于  fun.call(window)，结果为：222
	b.say = a.say
	b.say()  //  2、相当于  b.say.call(b)，结果为：333
</script>

---

3. Esto de la función de flecha js

• En resumen, una oración: el this de la función de flecha es el this del bloque de código externo, y la función de flecha no se puede usar como constructor

<script>
	//  简言之，一句话：箭头函数的this就是外层代码块的this,箭头函数不能当作构造函数

	var a = 111
	var test = {
     
     
		a: 222,
		say: () => {
     
     
			console.log(this.a)
		}
	}
	test.say()  //  say()函数跟test对象平级，所以调用a=111，结果为：111


	var test = {
     
     
		a: 333,
		say: function () {
     
     
			console.log(this.a)
		}
	}
	test.say()  //  say()函数写在function里面，say()函数比test对象低一级，所以调用a=333，结果为：333
</script>