當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
15-[JavaScript]-ECMAScript 1
生活随笔
收集整理的這篇文章主要介紹了
15-[JavaScript]-ECMAScript 1
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
0.javaScript的發展歷程
https://zhuanlan.zhihu.com/p/27985124
?
1、javaScript是什么？
javaScript是一種web前端的描述語言，也是一種基于對象（object）和事件驅動（Event Driven）的、安全性好的腳本語言。
它運行在客戶端從而減輕服務器的負擔。
javaScript的特點：
2、javaScript的用途是什么？
javaScript的用途是解決頁面交互和數據交互，最終目的是豐富客戶端效果以及數據的有效傳遞。
?
3、javaScript和ECMAScript的關系是什么？
我們會有這個問題，我們先了解下什么是ECMAScript吧！
ECMAScript是腳本程序設計語言的web標準。
javaScript和ECMAScript的關系：
ECMAScript是歐洲計算機制造商協會，基于美國網景通訊公司的Netscape發明的javaScript和Microsoft公司隨后模仿javaScript推出JScript腳本語言制定了ECMAScript標
4、javaScript由哪幾部分組成？
ECMAScript、DOM、BOM
?
5、開發工具介紹
前端常用開發工具：sublime、visual Studio Code、HBuilder、Webstorm。
那么大家使用的PCharm跟WebStorm是JetBrains公司推出的編輯工具，開發階段建議使用。
?
6、3種引入方式
?
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title></title><style type="text/css">.span1{color: red;}</style><!-- 外鏈式 --><!-- <script src="./1.js"></script> --></head> <body><!-- dom == document object model 行內式引入--><p id='p1' onclick="clickhandler()">123</p></body><!-- 內部式 建議 引入的時候要在body之后，我們要等待所有的dom元素加載完成之后再去執行相應的js操作--> <script type="text/javascript">document.write('<span class="span1">233</span>')console.log('星兒今天很漂亮！')console.error('錯了')console.dir(window)var a = prompt('請輸入你的名字');console.log(a);function clickhandler(){// 彈出警告框// 都好好的好好的/*這是一個方法一個很好的方法*/// window.alert(1); }</script> </html>?
7、JavaScript的輸出方式
?
?
8、變量和命名規范
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body><script type="text/javascript">// 變量的聲明// js中代碼的執行順序 自上往下// 1.先聲明再定義var dog;// alert(dog) //undefined. 未定義// 定義 dog = '小黃';// alert(dog)// alert(dog)// alert(dog)// alert(dog)// alert(dog)// 2.聲明時立刻定義var dog_2 = '小紅';alert(dog2)var my_Dog; /*嚴格區分大小寫 -命名時名稱可以出現字母、數字、下劃線、$ ,但是不能數字開頭，也不能純數字 -不能包含關鍵字和保留字。 關鍵字：var number 除了關鍵字 top name 也盡量不使用。 -推薦駝峰命名法：有多個有意義的單詞組成名稱的時候，第一個單詞的首字母小寫，其余的單詞首字母寫 -匈牙利命名：就是根據數據類型單詞的的首字符作為前綴*/// 建議使用駝峰標示來對變量進行命名var myHousePrice = "$1234";</script></body> </html>?
?
9、五種基本數據類型
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>基本數據類型</title> </head> <body><script type="text/javascript">// js中有兩種數據類型。1.基本數據類型 2.引用數據類型// 基本數據類型： number string boolean null undefined// 1.數字類型var a = 123;console.log(typeof a);// 2.字符串類型var str = '123';console.log(typeof str);// 3.booleanvar b1 = false;console.log(typeof b1);// 4.nullvar c1 = null;//空對象. object console.log(c1);// 5.undefinedvar d1;console.log(typeof d1);var e1 = 5/0; console.log(typeof e1); //Infinity 無限大. number類型</script></body> </html>?
?
10、運算符
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>運算符</title> </head> <body><script type="text/javascript">// 1.賦值運算符var money = prompt('請輸入金額....');var saveMoney = money * (1+0.02);console.log(saveMoney)// 2.算數運算var a = 10;var b = 9;var sum = a + b;var min = a - b;// + - * / %var div = a /b;var lef = a % b;console.log(lef);// 3.復合運算符var c = 7,d = 8;// d = c + d; d+=c;console.log(d);d++; //d = d+1 console.log(d);// 自增 自減// d++ :先賦值后++ 先將d的值賦值給c1 然后再讓d加上1 對d賦值var c1 = d++;console.log(c1); //8 console.log(d); //9// ++d:先相加后賦值var c2 = ++d;console.log(c2); //10// 3.比較運算符// > ,<, >=, <=,== ,=== console.log(5>6);// 隱式轉換== 比較的是值的大小。=== 是類型和值都進行比較 console.log("5" === 5);// 4.邏輯運算符// && and || or// && 都真為真 只要有一個是假就為假 console.log(false && false);// || 有真就真。或者的意思 console.log(false || false);</script></body> </html>?
?
?
?
12、字符串拼接
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>字符串的處理</title> </head> <body><script type="text/javascript">// 字符串運算var firstName = '星';var lastName = 'Li';var name = '伊拉克';var am = '美軍';// 字符串拼接var str = "2003年3月20日,"+name+"戰爭爆發，以美軍為主的聯合部隊僅用20多天就擊潰了薩達姆的軍隊。這是繼十多年前的海灣戰爭后，"+am+"又一次取得的大規模壓倒性軍事勝利。"var fullStr = str;console.log(fullStr);var fullName = firstName +" "+ lastName;console.log(fullName);// 不能對字符串進行+運算 只能拼接var a1 = '1';var a2 = '2';console.log(a1-a2); //12 console.log(typeof(a1*a2));var b1 = 'one';var b2 = 'two';// NaN. ==== not a number console.log(typeof(b1*b2))</script></body> </html>?
?
?
13、數據類型轉換
?
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>數據類型轉換</title> </head> <body><span>小馬哥</span><script type="text/javascript">// 1.將數字類型 轉換成字符串類型var n1 = 123;var n2 = '123';var n3 = n1+n2;// 隱式轉換 console.log(typeof n3);// 強制類型轉換 String() toString()var str1 = String(n1);console.log(typeof str1);var num = 234;console.log(num.toString())// 2.將字符串類型 轉換成數字類型var stringNum = '789.123wadjhkd';var num2 = Number(stringNum);console.log(num2)// parseInt()可以解析一個字符串 并且返回一個整數 console.log(parseInt(stringNum))console.log(parseFloat(stringNum));// 在我們js中所有的數據類型 都被轉化為boolean類型var b1 = '123';var b2 = 0;var b3 = -123var b4 = Infinity; // var b5 = NaN;var b6; //undefinedvar b7 = null;// 非0真1 console.log(Boolean(b7))</script></body> </html>?
轉載于:https://www.cnblogs.com/venicid/p/9127986.html
總結
以上是生活随笔為你收集整理的15-[JavaScript]-ECMAScript 1的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hdu3265一种错误的做法
- 下一篇： 使用 js 设置组合快捷键，支持多个组合