JS基礎(chǔ)：script標(biāo)簽用法、變量基礎(chǔ)知識

1.script標(biāo)簽用法

• 如果 script 標(biāo)簽中出現(xiàn) src 屬性,將調(diào)用一個外部 js 腳本,并忽略內(nèi)部代碼，如
  <script src="jsfile.js"></script>

• script 標(biāo)簽中添加 async 屬性: 可以實現(xiàn)外部的 js 文件與當(dāng)前的 html 文件的解析同步進(jìn)行
  <script src="jsfile.js" async></script>

• script 標(biāo)簽中添加 defer 屬性: 將會延遲加載外部的 js 文件,直到當(dāng)前的 html 解析完成
  <script src="jsfile.js" defer></script>

2.變量基礎(chǔ)知識

2.1 變量聲明

• js中聲明變量用 var 關(guān)鍵字，語句結(jié)束后需加;
var name="username";
  注：php 不用聲明直接用$給變量賦值即可
  $name="username";

2.2 命名規(guī)則

（1） 變量名區(qū)分大小寫（與 php 一致）

var username = "admin";
var userName = "Peter";
// 變量區(qū)分大小寫, 與php一致
console.log(username); //輸出admin
console.log(userName); //輸出peter

（2） 函數(shù)名也區(qū)分大小寫（PHP 中函數(shù)名不區(qū)分大小寫）

function a() {
  console.log("Hello a");
}
function A() {
  console.log("Hello A");
}
a(); //輸出Hello a
A(); //輸出Hello A

2.3 常量的約定

在 JS 中沒有常量，但可以參照 PHP 的寫法，用大寫來約定常量，約定大于配置

// 用大寫來約定常量
var PATH = "app/files/";
console.log(PATH);

2.3 變量的更新與重新聲明

JS 中的更新直接用“變量名=值”即可

重新聲明與變量聲明語法相同

ES5 還允許重新聲明。ES6 及以上就不允許重新聲明了

// 用var關(guān)鍵字聲明變量并賦值
var name = "baoyu";
console.log(name);
// 更新變量的值
name = "zhanghao";
console.log(name);
// 重新聲明變量并賦值
var name = "lijiang";
console.log(name);

2.4 全局作用域與函數(shù)作用域

JS 與 PHP 的作用域是一樣的,也有函數(shù)和全局,但都不存在塊作用域(除了函數(shù)以外的大括號就相當(dāng)于塊作用域)

JS可以在函數(shù)內(nèi)訪問函數(shù)外的變量，這點與PHP是不一樣的，PHP中要想使用函數(shù)外的變量需使用global關(guān)鍵字引入

// 函數(shù)作用域,函數(shù)內(nèi)部聲明的變量僅能在函數(shù)內(nèi)使用
function a() {
  var name = "zhangsan";
  console.log(name);
}
a();
// 除函數(shù)內(nèi)聲明的變量外，其他任何地方聲明的變量都可在全局范圍內(nèi)使用，函數(shù)內(nèi)也可直接調(diào)用全局變量,php中要想調(diào)用函數(shù)外變量需要用global關(guān)鍵字引入函數(shù)內(nèi)，而JS中只要變量在函數(shù)調(diào)用之前聲明并賦值，函數(shù)中就可直接調(diào)用變量的值
var name = "baoyu";
console.log(name); //輸出baoyu
// 相當(dāng)于塊作用域，但實際還是全局作用域
{
  var sex = "man";
}
if (true) {
  var age = 30;
}
console.log(sex); //輸出man
console.log(age); //輸出30
function b() {
  console.log(name); //輸出為全局變量name的最新值
}
b();

2.5 變量聲明提升

在JS中變量未定義之前就可以使用了，只不過值為undefined，而PHP中必須先聲明變量后才能使用變量，否則報錯

// 先訪問
console.log(email);
// 后聲明及賦值
var email = "admin@php.cn";
// JS變量聲明提升：JS訪問變量是允許在聲明之前訪問的，只不過值為undefined
// 上面的代碼相當(dāng)于：
var email; //聲明變量
console.log(email); //訪問變量
email = "admin@php.cn"; //變量賦值

3.總結(jié)

JS與PHP的語法有很多都是一樣的，PHP會了JS就很好學(xué)了，用法上也基本一致。

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：一, 二階段作業(yè),注意要在10日前完成, 過期再提交, 建議不要以作業(yè)方式