Web开发——JavaScript基础
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Web开发——JavaScript基础，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3956字，纯文字阅读大概需要6分钟。
内容图文
参考学习《JavaScript语言精粹》
1、对象字面量
对象字面量提供了一种非常方便地创建新对象值的表示法。一个对象字面量就是包围在一对花括号中的零个或多个“名/值”（key-value）对。对象字面量可以出现在任何允许表达式出现的地方。
1 var stooge = {
2 "first_name": "Jerome",
3 "last_name": "Howard",
4 arrival: {
5 city: "Los Angeles",
6 "time": "2018-09-30 11:13"
7 }
8 };
1 var a = 2 + 3 + "";
2 var str = "hello";
3 console.log("hello");
4 console.log(str);
5
6 var stooge = {
7 "first_name": "Jerome",
8 "last_name": "Howard",
9 arrival: {
10 city: "Los Angeles",
11 "time": "2018-09-30 11:13"
12 }
13 };
14 console.log(stooge.arrival.time);
15 console.log(stooge.arrival.city);
16 console.log(stooge["first_name"]);
17
18 var status = stooge.middle || "unknown";
19 console.log(status);
20
21 stooge.first_name = "Yichun";
22 stooge["last_name"] = "Zhao";
23 stooge.middle = "Handsome";
24 stooge.test = {
25 aa: "Test"
26 };
27 console.log(stooge.middle);
28 console.log(stooge);
29
30 console.log("\n------------反射测试------------");
31 var flight = {
32 airline: "Oceanic",
33 number: 815,
34 departure: {
35 IATA: "SYD",
36 time: "2018-09-30",
37 city: "Sydney"
38 },
39 arrival: {
40 IATA: "LAX",
41 time: "2018-09-29",
42 city: "Los Angeles"
43 }
44 };
45 flight.equipment = {
46 model: 'Boring 777'
47 };
48 flight.status = 'overdue';
49 console.log(flight);
50 typeof flight.number; // 'number'
51 typeof flight.status; // 'string'
52 typeof flight.arrival; // 'object'
53 typeof flight.mainfest; // 'undefined'
54
55 typeof flight.toString; // 'function'
56 typeof flight.constructor; // 'function'
57
58 console.log("flight.number: " + flight.number);
59 console.log("flight.hasOwnProperty('number'): " + flight.hasOwnProperty('number')); // true
60 console.log("flight.hasOwnProperty('function'): " + flight.hasOwnProperty('function')); // false
61 console.log("flight.hasOwnProperty('constructor'): " + flight.hasOwnProperty('constructor')); // false
62
63 console.log("\n------------枚举测试------------");
64 var body = {
65 first_name: "First_Name",
66 last_name: "Last_Name",
67 'profession': "Profession"
68 };
69 body.middle_name = "Middle_Name";
70 console.log(body);
71
72 var properties = [
73 'first_name',
74 'last_name',
75 'middle_name',
76 'profession'
77 ];
78
79 for (var i = 0; i < body.length; i++) {
80 document.writeln(properties[i] + ': ' +
81 body.properties[i]);
82 }
83
84 console.log("\n------------删除测试------------");
85 delete body.first_name;
86 console.log(body);
运行结果：
1 D:\Program Files\nodejs\node.exe test.js
2 hello
3 hello
4 2018-09-30 11:13
5 Los Angeles
6 Jerome
7 unknown
8 Handsome
9 { first_name: 'Yichun',
10 last_name: 'Zhao',
11 arrival: { city: 'Los Angeles', time: '2018-09-30 11:13' },
12 middle: 'Handsome',
13 test: { aa: 'Test' } }
14 ------------反射测试------------
15 { airline: 'Oceanic',
16 number: 815,
2、函数字面量（Function Literal）
函数对象可以通过函数字面量来创建。函数字面量可以出现在任何允许表达式出现的地方。函数也可以被定义在其它函数中。一个内部函数自然可以访问自己的参数和变量，同时它也能方便地访问它被嵌套在其中的那个函数的参数与变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。这被称为闭包。它是JavaScript强大表现力的根基。
1 var add = function (a, b) {
2 return a + b;
3 }
3、函数调用
每个函数接收两个附加的参数：this和argument。
当实际参数（arguments）的个数与形式参数（parameters）的个数不匹配时不会导致运行时错误。如果实际参数过多了，超出的参数值将被忽略。如果实际参数过少，缺失的值将会被替换为undefined。对参数值不会进行类型检查：任何类型的值都可以被传递给参数。
在JavaScript中一共有四种调用模式：（1）方法调用模式；（2）函数调用模式；（3）构造器调用模式；（4）apply调用模式。这些模式在如何初始化 关键参数this上存在差异。
内容总结
以上是互联网集市为您收集整理的Web开发——JavaScript基础全部内容，希望文章能够帮你解决Web开发——JavaScript基础所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。