??JavaScript必備知識詳解??
- 第一部分：MATH物件
- 效果展示：
- 第二部分：日期物件
- 效果展示：
- 第三部分：函式
- （1）函式基操：
- （2）自定義函式（自呼叫函式）：
- 效果展示：
- （3）JavaScript里函式的作用域：
- 第四部分：定時器
- 小福利—書籍介紹：
- 書籍名：《Python編程從入門到精通》
???????👇
👉🚔直接跳到末尾🚔👈 ——>領取專屬粉絲福利💖
?????????
?
?👻上兩篇博文保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）和保姆級教程HTML兩萬字筆記大總結【建議收藏】（下篇）被眾多小伙伴們閱讀之后，很多小伙伴私信我——催我出CSS和JavaScript的版本~👻
?😬前不久剛剛發布CSS版本（上下共兩篇），你們就又都私信催我JavaScript版本的！（苦笑）既然小伙伴們學習熱情那么強烈，那我怎么著也不能辜負了你們！所以本博主又連夜苦肝，苦苦熬制出了JavaScript版本的（篇幅過長，不出意外會出共三篇~）😬
?😜在這三篇博文中，本博主就帶領小伙伴們認真地學習一下JavaScript（原名livescript）相關的必備知識——如果說我們上兩篇講的HTML是用于定義網頁里面有什么內容，那么JavaScript就是用于動態的控制頁面，😜
第一部分：MATH物件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MATH物件</title>
</head>
<body>
<script>
// 開方
document.write(Math.sqrt(4) + "<br>"); //2
// 絕對值
document.write(Math.abs(-5) + "<br>"); //5
// pi
document.write(Math.PI + "<br>"); //3.141592653589793
// x的y次方
document.write(Math.pow(2,3) + "<br>"); //8
// 取整 四舍五入
document.write(Math.round(3.6) + "<br>"); //4
// 向下取整
document.write(Math.floor(2.7) + "<br>"); //2
// 向上取整
document.write(Math.ceil(2.4) + "<br>"); //3
// 最大數
document.write(Math.max(3,6,21,3) + "<br>"); //21
// 最小數
document.write(Math.min(3,6,4,2) + "<br>"); //2
// 亂數 默認0到1（左閉右開）
document.write(Math.random() + "<br>");
document.write(Math.random()*100 + "<br>"); //0到100的亂數
document.write(Math.round(Math.random()*100) + "<br>"); //0到100的隨機整數
</script>
</body>
</html>
效果展示：
第二部分：日期物件
知識點補給站：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>日期物件</title>
</head>
<body>
<script>
// 定義一個日期物件
var today = new Date(); //得到本機電腦的時間
// 獲取年
var year = today.getFullYear();
document.write(year + "<br>");
// 獲取月 注意：獲取的月份從0開始 比如：本機電腦是1月，則獲取是0月，
var month = today.getMonth()+1;
document.write(month + "<br>");
// 獲取日期
var date = today.getDate();
document.write(date + "<br>");
// 獲取周幾
var day = today.getDay();
document.write(day + "<br>");
// 獲取小時
var hour = today.getHours();
document.write(hour + "<br>");
// 獲取分鐘
var minute = today.getMinutes();
document.write(minute + "<br>");
// 獲取秒數
var second = today.getSeconds();
document.write(second + "<br>");
// 時間戳
var time = Date.now();
document.write(time);
</script>
</body>
</html>
效果展示：
第三部分：函式
（1）定義一個函式？
function funName(){}
（2）函式分類？
- 有名函式
- 匿名函式
（1）函式基操：
（效果很明顯，自行演示查看，一步步琢磨哦~）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函式</title>
</head>
<body>
<p onclick="add()">我是一個段落標簽</p>
<p onclick="add2('你是段落標簽2')">我是一個段落標簽2</p>
<p onclick="add3()">我是一個段落標簽3</p>
<script>
// 有名函式 可以進行呼叫
function add() { //add就是函式名字
alert("你是段落標簽1");
};
// 函式傳參
function add2(a) {
alert(a)
};
// 匿名函式 不可進行呼叫 一般充當事件函式！
var p1 = document.getElementsByTagName("p")[2];
p1.onclick = function () {
alert("你是段落標簽3");
};
// 函式回傳值 return
function add4(a) {
return a;
}
var b = add4("我是函式回傳值");
alert(b);
// 不定長引數 arguments可以接收任意多個引數！
function fun() {
console.log(arguments);
}
fun(1,2,3,4,5);
</script>
</body>
</html>
（2）自定義函式（自呼叫函式）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函式</title>
</head>
<body>
<script>
// 自定義函式（自呼叫函式） 自己會呼叫自己，直接就執行函式了， ! 或者 ~ 或者 + 或者 - 或者 () 都可以表示；
~function () {
console.log("我是自呼叫函式1");
}();
// 小括號表示自定義函式的另外兩種寫法：
(function () {
console.log("我是自呼叫函式2");
})();
(function () {
console.log("我是自呼叫函式3");
}());
</script>
</body>
</html>
效果展示：
（3）JavaScript里函式的作用域：
（效果很直觀，請自行操作觀察，一步步琢磨哦~）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函式</title>
</head>
<body>
<script>
// JS里函式的作用域
var a = 10; //全域變數
function fun3() {
// 函式作用域：區域變數
var a = 20; //如果把var去掉，彈出結果就變成：10 20 20，涉及：子作用域會改變父作用域的值， 這時a就相當于全域變數了，
alert(a);
}
alert(a);
fun3();
alert(a);
// 彈出為：10 20 10
// 來個例子分析： 子作用域會改變父作用域的值
var a = 10;
function fun() {
var a = 20;
function fun1() {
a = 30; //因為此處沒有加var，子作用域會改變父作用域的值，所以呼叫fun()得到的a是30，
}
fun1();
alert(a);
}
alert(a); //10 程式從上往下執行，遇到函式先跳過，所以此處a是10，
fun(); //30
alert(a); //10 要注意：子作用域是會改變父作用域的值，但只是父作用域的值，再往上（爺爺輩的）就不會改變了！！！
// 小拓展：
// let定義區域變數的關鍵字
{
// 塊級作用域 只能在這個花括號里面使用，如果在花括號外面使用會報錯，顯示i未被定義！ 但是如果使用var定義的就都可以，
let i = 1;
console.log(i)
}
</script>
</body>
</html>
第四部分：定時器
（溫馨小提示：小伙伴們可以嘗試把清除定時器注釋了觀察哦~）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定時器</title>
</head>
<body>
<script>
// 第一種定時器：：：
// 在指定時間后執行一次
var time1 = setTimeout(function () {
console.log(123);
},3000); //時間單位是ms
// 清除定時器
clearTimeout(time1);
// 第二種定時器：：：
// 以指定的時間為周期回圈執行
var time2 = setInterval(function () {
console.log(456);
},1000);
// 清除定時器
clearInterval(time2);
</script>
</body>
</html>
?
小福利—書籍介紹：
書籍名：《Python編程從入門到精通》
【參考文案】
隨著人工智能技術的快速發展，各行各業都需要智能化的提高，越來越多的智能產品需要 Python 語言的參與和實作，Python 幫助了更多的人在各行各業中實作自己的價值，做量化分析的金融人士可以使用 Python 語言實作自動化，臨床醫學專業的醫護人員可以使用 Python 語言進行藥品的臨床分析…
本書通過趣味的生活案例幫助讀者理解編程中的專業概念，通過實用的程式學習編程中的邏輯方法，通過“理論 + 小案例”的形式對各個知識點進行講解，并結合各個知識點進行綜合實戰的演練，
【內容簡介】
本書側重于Python程式開發程序中重點和難點的理解，結合具有典型性的程式案例，用通俗的語言由淺入深、循序漸進地幫助讀者掌握Python語言，知識點都使用生活中的案例幫助理解，每個案例都有詳盡的代碼解釋，實戰部分也會將Python語言與Web和資料分析等技術相結合，進行技術應用上的擴展，
本書由Python編程基礎、Python高級編程、Python應用技術和Python實戰演練4個部分組成，Python編程基礎針對程式設計的入門，介紹從程序化的編程要點到代碼中使用的各種資料型別；Python高級編程針對程式設計的提高，介紹從面向物件的使用到演算法上的提升；Python應用技術針對程式設計的場景運用，介紹從Web的開發到資料分析的思路；Python實戰演練針對程式設計的邏輯，從游戲的開發到基本網站的建設，旨在使讀者通過對本書內容一步步的學習，能夠學會編程方法，打好編程基礎，提升編程能力，擴展編程應用，鍛煉編程思維，培養編程邏輯，
本書適用于學習Python的初學者、愛好者和進取者，對程式沒有概念的人員可以看得懂，學得會；有程式基礎的人員可以加點“料”，擴思路；程式上的“大咖”可以多提寶貴意見，更好地為讀者服務，
【作者簡介】
李剛，專案經理，從事IT行業超過十年，具有豐富的一線專案、授課、就業相關的實戰經驗，通曉Java、前端、Python等當下流行的技術，研究方向專注于人工智能、大資料等領域，
京東自營購買鏈接：
https://item.jd.com/13397238.html
當當自營購買鏈接：
http://product.dangdang.com/29285785.html
?
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/374787.html
標籤：python