1. 數(shù)據(jù)類(lèi)型:JavaScript 中的數(shù)據(jù)類(lèi)型包括:字符串、數(shù)字、布爾值、數(shù)組、對(duì)象、null、undefined,以及 ES6 中新增的 Symbol。除了 null 和 undefined 以外,其他的數(shù)據(jù)類(lèi)型都是對(duì)象類(lèi)型。
console.log(typeof "hello world"); // string console.log(typeof 123); // number console.log(typeof true); // boolean console.log(typeof [1, 2, 3]); // object console.log(typeof { name: "Tom", age: 12 }); // object console.log(typeof null); // object console.log(typeof undefined); // undefined console.log(typeof Symbol("foo")); // symbol
需要注意的是,null 和 undefined 是不同的數(shù)據(jù)類(lèi)型,它們都表示“無(wú)值”,但是 null 是一個(gè)表示空對(duì)象指針的特殊值,而 undefined 表示未定義。
2. 控制語(yǔ)句:JavaScript中的控制語(yǔ)句有:if/else、for、while、do/while、break、continue、switch 等,可以幫助我們控制程序的執(zhí)行流程。
for (let i = 1; i<= 5; i++) { if (i % 2 == 0) { console.log(i + "是偶數(shù)"); } else { console.log(i + "是奇數(shù)"); } }
3. 函數(shù):JavaScript 中的函數(shù)是一段可重用的代碼塊,可以接收參數(shù)并返回值,函數(shù)也可以是一種方法,定義在對(duì)象中。我們可以用 function 關(guān)鍵字來(lái)定義函數(shù),也可以使用箭頭函數(shù)。
// function function add(num1, num2) { return num1 + num2; } console.log(add(1, 2)); // 3 // arrow function let sub = (num1, num2) =>{ return num1 - num2; }; console.log(sub(2, 1)); // 1 // function as a method of object const person = { name: "Tom", age: 18, sayHi: function () { console.log("Hello, my name is " + this.name); }, }; person.sayHi(); // Hello, my name is Tom
4. 對(duì)象:JavaScript 中的對(duì)象是一種復(fù)合數(shù)據(jù)類(lèi)型,它由一組屬性和方法組成。我們可以使用對(duì)象字面量來(lái)創(chuàng)建新對(duì)象,也可以使用構(gòu)造函數(shù)創(chuàng)建對(duì)象。
// object literal const person = { name: "Tom", age: 18, gender: "male" }; // constructor function function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.sayHi = function () { console.log("Hello, my name is " + this.name); }; } let p1 = new Person("Tom", 18, "male"); console.log(p1); //{ name: 'Tom', age: 18, gender: 'male', sayHi: [Function] } // class class Animal { constructor(name, type) { this.name = name; this.type = type; } sayHi() { console.log("Hello, I'm a " + this.type + " called " + this.name); } } let a1 = new Animal("Fluffy", "cat"); console.log(a1); // Animal { name: 'Fluffy', type: 'cat' }到這里,我們已經(jīng)介紹了 JavaScript Guide(1) 的一些重要內(nèi)容,如數(shù)據(jù)類(lèi)型、控制語(yǔ)句、函數(shù)和對(duì)象等。JavaScript 作為一種非常靈活、易用的編程語(yǔ)言,在 web 開(kāi)發(fā)中總是占據(jù)著很重要的地位。而學(xué)習(xí) JavaScript Guide(1),可以讓我們更好地了解和掌握這個(gè)強(qiáng)大的語(yǔ)言。