?

?

/* @flow */
// Object.freeze 使得這個對象不能增加屬性, 修改屬性, 這樣就保證了這個對象在任何時候都是空的
export const emptyObject = Object.freeze({})

/*** Check if a string starts with $ or _
 ascii unicode 的區(qū)別
　　
   charcodeAt是一個字符的 unicode編碼, 但是像 0x24 (代表的是 $ )  0x5f (代表的是 _ ) 因為是字符, 先存著ascii編碼中, 所以用ascii轉(zhuǎn)換
    
   $ _ 作為保留字, 這里判斷輸入的字符是否是vue可能使用的關(guān)鍵字, 比如 $set _bind 等等*/
export function isReserved (str: string): boolean {const c = (str + '').charCodeAt(0)return c === 0x24 || c === 0x5F
}

/*** Define a property.
   這里簡單的定義一個對象, 定義它的值 和 是否能在for...in循環(huán)中遍歷出來或在Object.keys中列舉出來。*/
export function def (obj: Object, key: string, val: any, enumerable?: boolean) {Object.defineProperty(obj, key, {value: val,enumerable: !!enumerable,writable: true,configurable: true  //注意要設(shè)置成true, 否則后面就不能設(shè)置value了})
}/*** Parse simple path.
   解析簡單的路徑, 比如 o.corp.$1, 是合法的, 不在正則 bailRE中
   而 o.corp.names[0]是不合法的, 會被直接return, 因為對象才能被defineProperty, 數(shù)組是不能監(jiān)聽的.
　　
　　使用
　　var path = parsePath('o.corp.$1');
　　var obj = { o:{ corp: { $1: 'haha' } } }

   path( obj )  ==> 'haha'

   這里沒有直接用 eval或者 new Function去解析路徑, 應(yīng)該是考慮到用這兩個會有性能的損耗, 另外eval在一些瀏覽器會提示作用域變成全局的, 比較的危險
   另外, new Function eval 還可以轉(zhuǎn)換 js語句的字符串, 所以會有一些安全問題, xss注入等*/
const bailRE = /[^\w.$]/


export function parsePath (path: string): any {if (bailRE.test(path)) {return}
  //得到一個數(shù)組 ['o', 'corp', '$1' ]const segments = path.split('.')
return function (obj) {for (let i = 0; i < segments.length; i++) {if (!obj) return

　　　　// obj = obj['o'] => obj=obj['o']['corp'] = > obj=obj['o']['corp']['$1'], 這就是不斷改變obj的值, 使obj指向自己屬性的過程
　　　　// 最后返回 $1的值 'haha'
obj = obj[segments[i]];}return obj}
}

?

轉(zhuǎn)載于:https://www.cnblogs.com/dhsz/p/7064930.html

總結(jié)

以上是生活随笔為你收集整理的vue.js 源代码学习笔记 ----- 工具方法 lang的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。