一、javascript函數

1.普通函數?

function func(){ }

2.匿名函數

setInterval(function(){console.log(123); },5000)

3.自執行函數

多數情況下可能會引入別人的js，如果別人的js函數重復，會導致一個不能用，為了避免這個問題，把內部所有的功能放到函數里面。做成一個嵌套函數。

但是如果外面的函數名也有重復，怎么處理，就外邊的函數沒有名字，并且自動執行一下。

自執行函數怎么寫呢？

// ()()：第一個括號function，第二個括號傳實參。創建函數，并且自動執行 (function(arg){console.log(arg); })(1)

二、javascript序列化及轉義

• 常用的序列化操作

li = [11,22,33,44] s = JSON.stringify(li) // 把對象轉化為字符串 newL = JSON.parse(s) // 把字符串轉化為對象

• 轉義

比如網上搜一個東西，網址自動變成了%等一些內容

> url = "https://www.sogou.com/web?query=時間" < "https://www.sogou.com/web?query=時間" > newUrl = encodeURI(url) // 轉義 < "https://www.sogou.com/web?query=%E6%97%B6%E9%97%B4" > decodeURI(newUrl) // 轉回原格式 < "https://www.sogou.com/web?query=時間" > newUrl = encodeURIComponent(url) // 全部轉義 < "https%3A%2F%2Fwww.sogou.com%2Fweb%3Fquery%3D%E6%97%B6%E9%97%B4"

默認http請求不是長鏈接，連一次就斷了，但是網站有保持登錄一個月，怎么實現的。

一般登錄成功后，網站會給你發一段字符串過來，把它保存在硬盤的某個地方。這就是cookie。

客戶端（cookie） =》 服務器端 。 將數據經過轉義后，保存在cookie

escape( ) // 對字符串轉義 unescape( ) // 給轉義字符串解碼 URIError // 由URl的編碼和解碼方法拋出

三、eval以及時間操作

• eval

在Python中：

val = eval(" 1+1 ") # 表達式 exec(" 執行代碼 ") # 比如for循環。但exec只是執行，沒有返回值

在JavaScript中：

eval ：功能是python里eval和exec的合集

• 時間操作

> d = new Date() Mon Nov 28 2016 22:46:33 GMT+0800 (中國標準時間) > d.getMinutes() 46 > n = d.getMinutes() + 12 58 > d.setMinutes(n) 1480345113329 > d Mon Nov 28 2016 22:58:33 GMT+0800 (中國標準時間)// Date類 // var d = new Date() 當前時間 // d.getXXX 獲取 // d.setXXX 設置

四、javascript作用域

1.javascript以函數作為作用域（let除外）

• java、c、c# 等語言是以“{}”代碼塊 作為作用域的。
• Python中：作用域是以函數作為作用域的。
• JavaScript：也是以函數作為作用域的

2.函數的作用域在函數未被調用之前，已經創建

3.函數的作用域存在作用域鏈，并且也是在被調用之前創建

作用域鏈：嵌套函數，作用域一層套一層

以下三個示例，分別會輸出什么？

// 示例一：xo = "alex";function func(){// var xo = 'eric';function inner(){// var xo = 'tony';console.log(xo);}inner()}func()// 示例二：xo = "alex";function func(){var xo = 'eric';function inner(){console.log(xo);}return inner;}var ret = func()ret()// 示例三：xo = "alex";function func(){var xo = 'eric';function inner(){console.log(xo);}var xo = 'tony';return inner;}var ret = func()ret() // 注：瀏覽器console中換行，使用shift+回車

函數的作用域存在作用域鏈，并且也是在被調用之前創建

4.函數內部變量 聲明提前

// 示例一：function func(){console.log(xxoo);}func();// 程序直接報錯function func(){console.log(xxoo);var xxoo = 'alex';}// 解釋過程中：var xxoo;func();// undefined

未賦值變量，提前聲明為 undefined

> var fgf undefined > fgf undefined

五、javascript面向對象

• this代指對象(python self)
• 創建對象時, new 函數名()

function Foo(n){this.name = n;this.sayName = function(){console.log(this.name);} }var obj1 = new Foo('we'); obj1.name obj1.sayName()var obj2 = new Foo('wee'); obj2.name obj2.sayName()

上面那么寫可以，但是有個問題，里面有些內容被重復定義了，sayName這個方法在每個對象里都被重復定義了一次。

• Python的面向對象：方法保存在類內存中

class Foo:def __init__(self,name):self.name = namedef sayName(self):print(self.name)obj1 = Foo('we') obj2 = Foo('wee')

• JavaScript面向對象 —> 原型：

原型：避免浪費內存資源

function Foo(n){this.name = n; } // Foo的原型 Foo.prototype = {'sayName': function(){console.log(this.name)} }obj1 = new Foo('we'); obj1.sayName()obj2 = new Foo('wee');

六、javascript 詞法分析解析

如下代碼，分別會對應輸出什么？

function t1(age){console.log(age); // function age()var age = 27;console.log(age); // 27function age(){} // 執行時，因為沒有調用，所以執行時不考慮console.log(age); // 27}t1(3);

active object ——> 簡稱AO?
1. 形式參數?
2. 局部變量?
3. 函數聲明表達式（優先級比較高）?

下面開始分析：

• 形式參數：?
  AO.age = 3;
• 局部變量：?
  AO.age = 27;
• 函數聲明表達式?
  AO.age = function()

作用域值的分析，也可以通過詞法分析，去分析

?

轉載于:https://www.cnblogs.com/lixiaoliuer/p/7154463.html

總結

以上是生活随笔為你收集整理的前端逼死强迫症系列之javascript续集的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。