分类
angular

npm package.json 属性解释(dependencies)

dependencies

dependencies属性是一个对象,配置模块依赖的模块列表,key是模块名称,value是版本范围,版本范围是一个字符,可以被一个或多个空格分割。
dependencies也可以被指定为一个git地址或者一个压缩包地址。
不要把测试工具或transpilers写到dependencies中。 下面是一些写法,详见https://docs.npmjs.com/misc/semver
  • version 精确匹配版本
  • >version 必须大于某个版本
  • >=version 大于等于
  • <version 小于
  • <=versionversion 小于
  • ~version “约等于”,具体规则详见semver文档
  • ^version “兼容版本”具体规则详见semver文档
  • 1.2.x 仅一点二点几的版本
  • http://… 见下面url作为denpendencies的说明
    • 任何版本
  • “” 空字符,和*相同
  • version1 – version2 相当于 >=version1 <=version2.
  • range1 || range2 范围1和范围2满足任意一个都行
  • git… 见下面git url作为denpendencies的说明
  • user/repo See 见下面GitHub仓库的说明
  • tag 发布的一个特殊的标签,见npm-tag的文档 https://docs.npmjs.com/getting-started/using-tags
  • path/path/path 见下面本地模块的说明
    下面的写法都是可以的:
{ “dependencies” :
{ “foo” : “1.0.0 – 2.9999.9999”
, “bar” : “>=1.0.2 <2.1.2”
, “baz” : “>1.0.2 <=2.3.4”
, “boo” : “2.0.1”
, “qux” : “<1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0”
, “asd” : “http://asdf.com/asdf.tar.gz
, “til” : “~1.2”
, “elf” : “~1.2.3”
, “two” : “2.x”
, “thr” : “3.3.x”
, “lat” : “latest”
, “dyl” : “file:../dyl”
}
}
分类
angular

TypeScript笔记 变量声明(解构和展开)

解构(destructuring assignment)是一种表达式,将数组或者对象中的数据赋给另一变量。

在开发过程中,我们经常遇到这样问题,需要将对象某个属性的值赋给其它两个变量。代码如下:

var person = {
    name:'xxxx',
    age: 20,
    hobby:['football', 'run']
}

var a = person.name;
var hobby = person.bobby;

有了解构,我们可以精简代码了

var person = {
    name:'xxxx',
    age: 20,
    hobby:['football', 'run']
}
let {a, hobby} = person;

let [first] = person.hobby;

数组解构

let nums = [1,2,3]
let [f,s] = nums;
console.log(f); // 输出: 1
console.log(s); // 输出: 2

将数组中前两项的值分别赋给f和s

变量值交换

[f, s] = [s, f];
console.log(f); // 输出: 2
console.log(s); // 输出: 1

使用…创建剩余变量

let nums= [1,2,3,4]
let [f, ...rest] = nums;
console.log(f);   // 输出: 1
console.log(rest);// 输出: [2,3,4]

忽略数组中某些元素

let [first] = [1, 2, 3, 4];
console.log(first); // 输出: 1
let [, second, , fourth] = [1, 2, 3, 4];
对象解构
let o = {
    a: "foo",
    b: 12,
    c: "bar"
}
let { a, b } = o;
console.log(a);   // 输出: foo
console.log(b);// 输出: 12

将对象o.a赋值给a,0.b赋值给b,这里的a,b都是对象属性名且必须一致,而属性c则会忽略

重命名

上述例子中声明的变量a和b必须和对象中属性一致,如果想换一个名字,写法如下:

let { a: aa, b: bb } = o;

默认值

let o = {
    a: "foo",
    b: undefined,
    c: "bar"
}
let {a, b=1}= o;
console.log(a);   // 输出: foo
console.log(b);// 输出: 1

当属性b的值为undefined时,解构表达式会使用默认值

展开

展开和解构正好相反,将一个数组展开为另一个数组,或将一个对象展开为另一个对象。 数组展开

let first = [1, 2];
let second = [3, 4];
let bothPlus = [0, ...first, ...second, 5];

console.log(bothPlus);// 输出:0,1,2,3,4,5

展开操作会对数组first和second浅拷贝,如果fisrt值修改,则bothPlus值不会改变。但是如果first中是对象数组,改变对象内部的值,bothPlus对应的值会改变。 对象展开

let defaults = { food: "spicy", price: "$$", ambiance: "noisy" };
let search = { ...defaults, food: "rich" };
console.log(search); //输出:{food: "rich", price: "$$", ambiance: "noisy"}

展开是从左到右处理,意味着对象后面的属性会覆盖前面的。如下:

let defaults = { food: "spicy", price: "$$", ambiance: "noisy" };
let search = {food: "rich", ...defaults };
console.log(search); //输出:{food: "spicy", price: "$$", ambiance: "noisy"}

对象展开还有其它一些意想不到的限制。 首先,它仅包含对象 自身的可枚举属性。 大体上是说当你展开一个对象实例时,你会丢失其方法:

class C {
  p = 12;
  m() {
  }
}
let c = new C();
let clone = { ...c };
clone.p; // ok
clone.m(); // error!

其次,TypeScript编译器不允许展开泛型函数上的类型参数。 这个特性会在TypeScript的未来版本中考虑实现。