VueJs 源码解读之细碎点

在分析 VueJs 2.0 的源码中会碰到一些不知道的知识点,记录下来。

JSON.stringify

JSON.stringify(val, null, 2)

JSON.stringify(value[, replacer [, space]])
//第二个参数如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理
//如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中
//如果该参数为null或者未提供,则对象所有的属性都会被序列化

//第三个参数,指定缩进用的空白字符串,用于美化输出(pretty-print)
//如果参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;
//如果该参数为字符串(字符串的前十个字母),该字符串将被作为空格;如果该参数没有提供(或者为null)将没有空格。


var obj = {
	name: '11',
	age: 12,
	func: function() {
		console.log(1)
	}
}

//输出
"{
  "name": "11",
  "age": 12
}"

MDN 文档

 

Vue 中存在很多这种写法

/**
 * Check whether the object has the property.
 */
var hasOwnProperty = Object.prototype.hasOwnProperty;
function hasOwn (obj, key) {
  return hasOwnProperty.call(obj, key)
}

典型的单例模式

/**
 * Ensure a function is called only once.
 */
function once (fn) {
  var called = false;
  return function () {
    if (!called) {
      called = true;
      fn.apply(this, arguments);
    }
  }
}

 

 

上一篇 >:开源项目的一点思考 下一篇 >:红米1s 绕过账户锁

发表评论