Author：Mr.柳上原
- 付出不亞于任何的努力
- 愿我們所有的努力，都不會(huì)被生活辜負(fù)
- 不忘初心，方得始終
學(xué)習(xí)的路途
總會(huì)有很多迷茫
js的迷茫比html和css多了很多倍
每學(xué)一節(jié)課
都需要付出以前學(xué)習(xí)html時(shí)十倍百倍的努力去理解去練習(xí)
學(xué)習(xí)途中
聽了很多 “前端前輩” 的指導(dǎo)教育
產(chǎn)生過很多不確定和擔(dān)心憂慮
不忘初心
就算再難
也要完成
<!DOCTYPE html> <!-- 文檔類型：標(biāo)準(zhǔn)html文檔 -->
<html lang='en'> <!-- html根標(biāo)簽 翻譯文字：英文 -->
<head> <!-- 網(wǎng)頁頭部 -->
<meta charset='UTF-8'/> <!-- 網(wǎng)頁字符編碼 -->
<meta name='Keywords' content='關(guān)鍵詞1,關(guān)鍵詞2'/>
<meta name='Description' content='網(wǎng)站說明'/>
<meta name='Author' content='作者'/>
<title>前端59期學(xué)員作業(yè)</title> <!-- 網(wǎng)頁標(biāo)題 -->
<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外鏈樣式表 -->
<style type='text/css'> /*內(nèi)部樣式表*/
</style>
</head>
<body> <!-- 網(wǎng)頁主干：可視化區(qū)域 -->
<script>
// 類型
number
string ' ' " "
boolean true false
null 空值 null
undefined 未初始化的值 / 默認(rèn)值 undefined
object 對象 [ ] { } function
// 顯式強(qiáng)制類型轉(zhuǎn)換
// 隱式強(qiáng)制類型轉(zhuǎn)換
// 轉(zhuǎn)數(shù)字
let str = '123'; // typeof = string
let num = Number(str); // 內(nèi)建函數(shù)，js底層提供
// 不是數(shù)字類型的字符串，轉(zhuǎn)換為NaN，not a number
// 空字符串會(huì)被轉(zhuǎn)化為0
// null會(huì)被轉(zhuǎn)化成0
// undefined會(huì)被轉(zhuǎn)化為NaN
// true會(huì)被轉(zhuǎn)化為1
// false會(huì)被轉(zhuǎn)化為0
// { }會(huì)被轉(zhuǎn)化為NaN
// [ ]會(huì)被轉(zhuǎn)化0
// [ ]里有一條數(shù)字?jǐn)?shù)據(jù)的時(shí)候會(huì)被轉(zhuǎn)化該數(shù)字，有一個(gè)以上時(shí)為NaN
// parseInt( ); 取數(shù)字的整數(shù)部分
parseInt(100px) = 100;
// parseFloat( ); 取小數(shù)
parseFloat(2.3333px) = 2.3333;
// 轉(zhuǎn)字符串
let num = 123;
let str = String(num); // 內(nèi)建函數(shù)，js底層提供
let str01 = toString(num); // 沒有默認(rèn)轉(zhuǎn)化方法的時(shí)候會(huì)報(bào)錯(cuò)，null undefined
// 轉(zhuǎn)布爾
let num = 123;
let bool = Boolean(num); // 內(nèi)建函數(shù)，js底層提供
// 除了以下六個(gè)值，其他轉(zhuǎn)布爾都是true
0 null undefined NaN '' false
// 作用域：變量生效的環(huán)境
// es5：
全局作用域 script 獨(dú)立js文件
函數(shù)作用域
// es6：
塊作用域 { } ，let const
// 無論什么作用域下，只要沒有申明就直接使用賦值的變量，會(huì)成為類似全局作用域
// 沒有申明就直接使用賦值的變量，為成為頂層 / 全局window對象的屬性
// var 申明的全局變量會(huì)污染頂層對象的環(huán)境屬性
// var 申明的只認(rèn)全局和函數(shù)作用域
let a = 1; // 全局作用域
function () {
var b =2; // 函數(shù)作用域
}
if () {
var c = 1; // 全局作用域
}
if () {
let d = 1; // 塊作用域
for (let f = 1; f < 3; f++) { // 塊作用域
let e = 1; // 塊作用域
}
for (var f = 1; f < 3; f++) { // 全局作用域
var e = 1; // 全局作用域
}
// var 和 let 的區(qū)別
for (var f = 1; f < 3; f++) { // 全局作用域
div[f].idx = f;
div[f].onclick = function () {
console.log(this.idx); // this，當(dāng)前的對象永遠(yuǎn)等于觸發(fā)該方法時(shí)的對象
}
}
for (let f = 1; f < 3; f++) { // 全局作用域
div[f].onclick = function () {
console.log(f);
}
}
</script>
</body>
</html>
