フロントエンドエンジニアの筆記試験の質問

1.jsプリコンパイル

ステップ：

• 1. AOオブジェクトを作成します（AO：{}）
• 2.仮パラメータとオブジェクトの宣言（abc）を見つけます。オブジェクトの属性名として、値は未定義です。
• 3.実際のパラメータと正式なパラメータが統合されています（a = 1、b = 2）
• 4.変数宣言を上書きする関数宣言を見つけます（a = function a（）{}、b = function b（）{}）

エクササイズ：

<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-これ

• 1.関数は直接呼び出されます：fun.call（window）
• 2.関数はオブジェクトとして呼び出されます：fun.run.call（fun）

エクササイズ：

<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.これはjs矢印関数の

• つまり、一文：arrow関数のthisは外部コードブロックのthisであり、arrow関数はコンストラクターとして使用できません。

<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>