原生JS中應(yīng)該禁止出現(xiàn)的寫法
嚴(yán)格模式下,在 ES6 之前應(yīng)禁止使用。ES6 開始可以使用,函數(shù)的作用域?yàn)槁暶髟摵瘮?shù)的塊內(nèi)部。非嚴(yán)格模式下應(yīng)禁止使用。
if(true) { function test() { //塊級函數(shù)console.log(1); }}test();直接修改對象的 prototype 原型
瀏覽器對原型進(jìn)行了優(yōu)化,在調(diào)用實(shí)例之前,會(huì)為對象的方法提前規(guī)劃內(nèi)存位置。所以不可以直接修改 prototype 原型。以下兩種方法都應(yīng)禁止使用
使用 Object.setPrototypeOf 修改原型
function a(){}a.prototype = { a_prop: 'a val'};function b(){}var proto = { b_prop: 'b val'};Object.setPrototypeOf( proto, a.prototype);b.prototype = proto;var test = new b;console.log(test.a_prop); // a valconsole.log(test.b_prop); // b val
直接修改對象的 __proto__ 屬性
function a(){}a.prototype = { a_prop: 'a val'};function b(){}var proto = { b_prop: 'b val', __proto__: a.prototype //直接修改 b 對象的 __prototype__ 屬性};b.prototype = proto;var test = new b;console.log(test.a_prop); // a valconsole.log(test.b_prop); // b valwith
with 的用法:
var a = { p1: 1, p2: 2}with (a) { p1 = 3;}console.log(a.p1);
應(yīng)該禁止使用 with,例如:
function a(arg1, arg2) { with (arg2){ console.log(arg1); // 無法確定是要輸出第一個(gè)參數(shù)還是要輸出 arg2 的 arg1 屬性 }}var arg2 = {arg1:1}a('arg1', arg2)callee
arguments.callee 表示當(dāng)前正在執(zhí)行的函數(shù):
function a(arg1) { if (arg1 > 1) {return arg1 * arguments.callee(arg1 - 1); } else {return 1; }}console.log(a(3)); // 6
當(dāng)一個(gè)函數(shù)必須調(diào)用自身的時(shí)候, 應(yīng)禁止使用arguments.callee(),直接通過函數(shù)名字調(diào)用該函數(shù)。
function a(arg1) { if (arg1 > 1) {return arg1 * a(arg1 - 1); // 直接通過函數(shù)名稱調(diào)用 } else {return 1; }}console.log(a(3)); // 6caller
caller 表示函數(shù)的調(diào)用者,應(yīng)禁止使用,該特性不是標(biāo)準(zhǔn)的。
function a() { console.log(a.caller); // function b() { a(); }}function b() { a();}b();eval
eval() 可以把傳入的字符串參數(shù)當(dāng)成JavaScript代碼執(zhí)行。
eval('var a = 1, b = 2; console.log(a+b)'); // 3
禁止使用 eval。eval 比一般JavaScript執(zhí)行要慢,因?yàn)闉g覽器對 javascript 進(jìn)行了優(yōu)化。eval 方法也不安全,因?yàn)樗褂门c調(diào)用者相同的權(quán)限執(zhí)行代碼,而且 eval() 被調(diào)用時(shí),它的作用域也會(huì)暴露。應(yīng)該用 Function 代替:
var a = new Function('a', 'b', 'console.log(a+b)')a(1,2); // 3
以上就是原生JS中應(yīng)該禁止出現(xiàn)的寫法的詳細(xì)內(nèi)容,更多關(guān)于原生JS中應(yīng)該禁止的寫法的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. javascript xml xsl取值及數(shù)據(jù)修改第1/2頁2. JavaWeb Servlet中url-pattern的使用3. 使用EF Code First搭建簡易ASP.NET MVC網(wǎng)站并允許數(shù)據(jù)庫遷移4. HTML5 Canvas繪制圖形從入門到精通5. jsp+servlet簡單實(shí)現(xiàn)上傳文件功能(保存目錄改進(jìn))6. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式7. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說明8. XML入門的常見問題(一)9. asp批量添加修改刪除操作示例代碼10. ASP中if語句、select 、while循環(huán)的使用方法
