2. 程式人生 > >廖雪峰JS（1）

廖雪峰JS（1）

阿新 • • 發佈：2018-08-24
講解 創建 與運算 false 斷點 數據 這不 完整 ==

一、JS代碼可以嵌在網頁任何地方不過一般放在<head>裏面 <head> <script> alert(‘Hello, world‘); </script> </head> 或者（多個頁面可以引用同一個js文件，一個頁面可以引用多個js文件） <head> <script src="/static/js/abc.js"></script> </head> 二、調試 打開網頁console，可以輸入js代碼，回車執行。 要查看一個變量內容，輸入console.log(a);回車顯示變量內容。 如果你對自己還有更高的要求，可以研究開發者工具的“源碼(Sources)”，掌握斷點、單步執行等高級調試技巧。
三、基本語法（不建議一行代碼有兩個語句） 下面一行代碼是一個完整的賦值語句： var x=1； 下面一行代碼是一個字符串，可以視為一個完整的語句： ‘Hello, world‘; 四、數據類型和變量 number 123; // 整數123 0.456; // 浮點數0.456 1.2345e3; // 科學計數法表示1.2345x1000，等同於1234.5 -99; // 負數 NaN; // NaN表示Not a Number，當無法計算結果時用NaN表示 Infinity; // Infinity表示無限大，當數值超過了JavaScript的Number所能表示的最大值時，就表示為Infinity 計算機由於使用二進制，所以，有時候用十六進制表示整數比較方便，十六進制用0x前綴和0-9，a-f表示，例如：0xff00，0xa5b4c3d2，等等，它們和十進制表示的數值完全一樣。
 1 + 2; // 3 (1 + 2) * 5 / 2; // 7.5 2 / 0; // Infinity 0 / 0; // NaN 10 % 3; // 1 10.5 % 3; // 1.5 字符串 引號括起來的任意文本，單引號雙引號都一樣。 布爾值 &&與運算，||或運算，！非運算 比較運算符 實際上，JS允許對任意數據類型做比較 false == 0; // true false === 0; // false 相等運算符== 第一種是==比較，它會自動轉換數據類型再比較，很多時候，會得到非常詭異的結果； 第二種是===比較，它不會自動轉換數據類型，如果數據類型不一致，返回false，如果一致，再比較。
 另一個例外是NaN這個特殊的Number與所有其他值都不相等，包括它自己： NaN === NaN; // false 唯一能判斷NaN的方法是通過isNaN()函數： isNaN(NaN); // true 最後要註意浮點數的相等比較： 1 / 3 === (1 - 2 / 3); // false 這不是JavaScript的設計缺陷。浮點數在運算過程中會產生誤差，因為計算機無法精確表示無限循環小數。要比較兩個浮點數是否相等，只能計算它們之差的絕對值，看是否小於某個閾值： Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true null和undefined 0是一個數值，‘‘表示長度為0的字符串，而null表示“空”。 大多數情況下，我們都應該用null。undefined僅僅在判斷函數參數是否傳遞的情況下有用。 數組 數組是一組按順序排列的集合，集合的每個值稱為元素。JavaScript的數組可以包括任意數據類型。例如：[1, 2, 3.14, ‘Hello‘, null, true]; 另一種創建數組的方法是通過Array()函數實現： new Array(1, 2, 3); // 創建了數組[1, 2, 3] 數組的元素可以通過索引來訪問。請註意，索引的起始值為0： arr[6]; // 索引超出了範圍，返回undefined 對象 JavaScript的對象是一組由鍵-值組成的無序集合，例如： var person = { name: ‘Bob‘, age: 20, tags: [‘js‘, ‘web‘, ‘mobile‘], city: ‘Beijing‘, hasCar: true, zipcode: null }; 要獲取一個對象的屬性，我們用對象變量.屬性名的方式： person.name; // ‘Bob‘ person.zipcode; // null 變量 變量名是大小寫英文、數字、$和_的組合，且不能用數字開頭。變量名也不能是JavaScript的關鍵字，如if、while等。 strict模式 如果一個變量沒有通過var申明就被使用，那麽該變量就自動被申明為全局變量 使用var申明的變量則不是全局變量，它的範圍被限制在該變量被申明的函數體內（函數的概念將稍後講解），同名變量在不同的函數體內互不沖突。 啟用strict模式的方法是在JavaScript代碼的第一行寫上： ‘use strict‘;

廖雪峰JS（1）

相關推薦

廖雪峰JS（1）

講解 創建 與運算 false 斷點 數據 這不 完整 == 一、JS代碼可以嵌在網頁任何地方不過一般放在<head>裏面 <head> <script> alert(‘Hello, world‘); </script> &l

Vue.js（1）- 指令和修飾符

<template> <div v-click v-text="msg" v-html="msg" :class="['box1',flag ? 'box2': '']">{{msg}}</div> <p @click="Func(arg)"

JS（1） JavaScript 用法

    HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。 指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。   script> 標籤 如需在 HTML

Web前端面試筆試題2——JS（1）：函式呼叫（區域性變數/全域性變數）

1、函式呼叫——區域性變數/全域性變數 案例1-1：fun(a)函式有傳參，即可更改“區域性變數” var a=100; function fun(a){ a++; consol

學習Js（1）-使用Jquery實現滑動切換效果

1.前言雜談： 對於Javascript 是從大二就開始接觸了，那個時候剛開始接觸到web開發。在公司實習期間，由於什麼都不會，帶我師兄就讓我在百度傳課上看了一週的傳智播客的教學視訊，這才有點底子，可以寫寫正則，做表單驗證什麼的。到現在剛參加工作的時候

從零開始-vue.js（1）登入介面

一、利用Vue cli快速搭建專案（這裡假設已經安裝好所有webpack工具）進入工程資料夾（自己建的），在終端輸入：Vue init webpack toLogin2其中：toLogin2是專案名，可自定義，終端將自動載入和下載必要的包，然後有一些項需要自己選擇，如下圖：注

git學習（廖雪峰git網站）（1）--基礎 知識

  集中式版本控制系統和分散式的區別 Git是什麼？ Git是目前世界上最先進的分散式版本控制系統（沒有之一）。 簡單點說就是你每次修改的地方、內容都會記錄，改錯了或者想返回某次改的地方，能精確查到某個檔案。 番外： 集中式版本控制系統和分散式的區別：

JS高程8.BOM window對象（1）

log window .com ble als pat != pre 操作符 1.全局作用域 1 var age = 14; 2 window.coloer = "pink"; 3 4 console.log(delete window.age);//false 使用v

2017前端面試題之Js篇（1）

load urn lis property eat hub bind tlist 方法的參數 1 . 請解釋事件代理 (event delegation) 當需要對很多元素添加事件的時，可以通過將事件添加到它們的父節點通過委托來觸發處理函數。其中利用到了瀏覽器的事件冒

rpgmakermv插件（1）screenfull.js與Fullscreen.js

cancel wid 就是 開發者 chan sch desc 選擇 log 本文分析遊戲的全屏化處理。 引入：玩家在不同情景下可能會選擇全屏遊戲或窗口化遊戲，所以作為開發者，應該在設置中加入全屏與否的選項。 兩種插件：screenfull.js與Fullscree

炸金花的JS實現從0開始之 -------現在什麽都不會（1）

nds 朋友 div rand art iam src blog js實現 新年結束了。回想起來唯一留下樂趣的就是在家和朋友玩玩炸金花。 遂有此文。 對不起，我這時候還沒有思路。 讓我捋一捋。 。。。 。。。 捋一捋啊。。。 。。。 好了。今天先這樣吧： （1）先整理出所有

python 協程（單線程中的異步調用）（轉廖雪峰老師python教程）

層級 while 完全 多核 span lose produce 搶占 css 協程，又稱微線程，纖程。英文名Coroutine。 協程的概念很早就提出來了，但直到最近幾年才在某些語言（如Lua）中得到廣泛應用。 子程序，或者稱為函數，在所有語言中都是層級調用，比如A調用B

Node.js學習筆記（1）：Node.js快速開始

path 文本文 下載 啟動程序 直接 查看 學習筆記 完成後 編輯器 Node.js學習筆記（1）：Node.js快速開始 Node.js的安裝 下載 官方網址：https://nodejs.org/en/ 說明： 　　在Windows上安裝時務必選擇全部組件，包括勾選

node.js學習（1）

之前用koa2+mysql，和koa2+mongodb仿過一個多人部落格論壇和個人部落格，但對於node還是感覺沒有入門，所以就有了下面的部落格。 本文參考了七天學會node.js，算了做筆記了 連結：七天學會node.js node.js中文api文件：api文件

git基本命令（基於廖雪峰的git教程）

建立版本庫(在合適的位置)： $ mkdir learngit(目錄名) $ cd learngit(檔名) 顯示當前目錄： $ pwd 將目錄變成Git可以管理的倉庫： $ git init 將檔案新增到倉庫： $ git add <file> 將檔

淺談對Js面向物件的理解（1）

    面向物件的語言有一個標誌，那就是它們都有類的概念，通過類來建立任意多個具有相同屬性和方法的物件。它是一種程式開發的方法，它將物件作為程式的基本單元，將邏輯和資料封裝其中，以提高程式碼的靈活性、重用性和擴充套件性。物件是把資料及對資料的操作方法放在一起，作為一個相互依存的整體。簡單的

Node.js 學習筆記（1）

　　事件發射器會觸發事件，並且在那些事件觸發時能處理他們。事件發射器對於提高程式碼的複用性和簡潔程度至關重要。 1.Echo伺服器 　　Echo伺服器是一個使用事件發射器處理重複性事件的簡單例子，當你給它傳送資料時，它會把資料傳送回來。如圖1-1所示：   圖1-1 Echo伺服器響應例

Node.js基礎學習筆記（1）

Node.js安裝 安裝教程可參考菜鳥教程的文件，連結如下： https://www.runoob.com/nodejs/nodejs-install-setup.html Node.js基礎-搭起一個web伺服器 在電腦上建立專案資料夾，並建立一個server.js檔案，

利用Node.js的express模組搭建簡單伺服器（1）

前些日子在學習ajax時，順便學會了如何搭建一個簡單的本地web伺服器，因為只有這樣才能實現前後端的互動，更好的理解ajax的意義，以及資料傳輸的相關過程。 一、環境的搭建 1.Node.js安裝包及原始碼下載地址為：https://nodejs.org/en/download/ 

three.js學習（1）：

1.three.js是： three.js是用JavaScript編寫的WebGL第三方庫。官網（www.threejs.org) 2.three.js功能： three.js 是一款執行在瀏覽器中的 3D 引擎，你可以用它建立各種三維場景，包括了攝影機、光影、材質等各種物件。 3.thre