分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

angularjs学习笔记—工具方法

发布时间:2023-09-06 01:41责任编辑:蔡小小关键词:js

1.angular.bind(self, fn, args)

    • 作用:返回一个新的函数,绑定这个函数的this指向self

    • 参数:
      self:新函数的上下文对象

      fn:需要绑定的函数

      args:传递给函数的参数

    • 返回值:this指向self的新函数

var obj = { ?name: ‘xxx‘, ?print: function (country) { ???????console.log(this.name + ‘ is from ‘ + country); ?}};var self = { ???name: ‘yyy‘};var bindFn = angular.bind(self, obj.print, ‘China‘);//var bindFn = angular.bind(self, obj.print, [‘China‘]);obj.print(‘American‘); //xxx is from AmericanbindFn();//yyy is from China

>注意:bind会根据你的参数类型来决定调用call或apply,所以args可以是一个个数据,也可以是一个数组。

2.angular.copy(source, [destination])

    • 作用:对象的深拷贝

    • 参数:
      source:源对象

      destination:拷贝的对象

    • 返回值:拷贝的对象

var obj = { ?name: ‘zuobaiquan‘, ?age: 20};var copyObj = angular.copy(obj);console.log(copyObj); //Object {name: "zuobaiquan", age: 20}

3.angular.equals(o1, o2)

    • 作用:正常比较和对象的深比较

    • 参数:
      o1:比较的对象

      o2:比较的对象

    • 返回值:boolean

angular.equals(3, 3); //trueangular.equals(NaN,NaN); //trueangular.equals({name:‘xxx‘},{name:‘xxx‘}); //trueangular.equals({name:‘xxx‘},{name:‘yyy‘}); //false

4.angular.extend(dst, src)

    • 作用:对象的拓展

    • 参数:
      dst:拓展的对象

      src:源对象

    • 返回值:拓展的对象

var dst = {name: ‘xxx‘, country: ‘China‘};var src = {name: ‘yyy‘, age: 10};angular.extend(dst, src);console.log(src); //Object {name: "yyy", age: 10}console.log(dst); //Object {name: "yyy", country: "China", age: 10}//注意这里的name此时变成了 "yyy"

  

5.angular.forEach(obj, iterator, [context])

    • 作用:对象的遍历

    • 参数:
      obj:对象

      iterator:迭代函数

      context:迭代函数中上下文

    • 返回值:obj

var obj = {name: ‘xxx‘, country: ‘China‘};angular.forEach(obj, function (value, key) {console.log(key + ‘:‘ + value);});//name:xxx//country:Chinavar array = [‘xxx‘, ‘yyy‘];angular.forEach(array, function (item, index) {console.log(index + ‘:‘ + item + ‘ from ‘ + this.country);}, obj);//0:xxx from China//1:yyy from China

  

6.angular.fromJson(string)

    • 作用:字符串转json对象
    • 参数:
      string:字符串
    • 返回值:json对象
var json = angular.fromJson(‘{"name":"xxx","age":34}‘);console.log(json); //Object {name: "xxx", age: 34}

  

7.angular.toJson(json,pretty)

    • 作用:json对象转字符串

    • 参数:
      json:json

      pretty:boolean number 控制字符串输出格式

    • 返回值:字符串

angular.toJson({name:‘xxx‘});// "{"name":"xxx"}"angular.toJson({name:‘xxx‘},true);// "{// ???"name": "xxx"// }"angular.toJson({name:‘xxx‘},10);// "{// ???????????"name": "xxx"// }"

  

8.angular.identity(value)

    • 作用:返回这个函数的第一个参数
    • 参数:
      value:参数
    • 返回值:第一个参数
console.log(angular.identity(‘xxx‘,‘yyy‘)); // xxx

  

9.angular.isArray(value)

    • 作用:判断一个数据是否是数组
    • 参数:
      value:数据
    • 返回值:boolean
angular.isArray(3); // falseangular.isArray([]); // trueangular.isArray([1, 2, 3]); // trueangular.isArray({name: ‘xxx‘}); // false

  

10.angular.isDate(value)

    • 作用:判断一个数据是否是Date类型

    • 参数:
      value:数据

    • 返回值:boolean

angular.isDate(‘2012-12-02‘); // falseangular.isDate(new Date()); // true

  

11.angular.isDefined(value)

    • 作用:判断一个数据是否是defined类型

    • 参数:
      value:数据

    • 返回值:boolean

angular.isDefined(undefined) // falseangular.isDefined([]); // true

  

12.angular.isUndefined(value)

    • 作用:判断一个数据是否是undefined类型

    • 参数:
      value:数据

    • 返回值:boolean

angular.isUndefined(undefined) // trueangular.isUndefined([]); // false

  

13.angular.isFunction(value)

    • 作用:判断一个数据是否是函数
    • 参数:
      value:数据
    • 返回值:boolean
angular.isFunction(function(){}); // trueangular.isFunction(3); // false

  

14.angular.isNumber(value)

    • 作用:判断一个数据是否是Number类型
    • 参数:
      value:数据
    • 返回值:boolean
angular.isNumber(4); // trueangular.isNumber(‘xxx‘); // falseangular.isNumber(new Number(4)); // falseangular.isNumber(Number(4)); // true

  

15.angular.isObject(value)

    • 作用:判断一个数据是否是对象

    • 参数:
      value:数据

    • 返回值:boolean

angular.isObject(‘xxx‘); // false ?????angular.isObject(null); // falseangular.isObject([]); // trueangular.isObject(function(){}); // falseangular.isObject({name:‘xxx‘}); // true

16.angular.isString(value)

    • 作用:判断一个数据是否是字符串

    • 参数:
      value:数据

    • 返回值:boolean

angular.isString(4); // falseangular.isString(‘xxx‘); // trueangular.isString(new String(‘xxx‘)); // falseangular.isString(String(‘xxx‘)); // true

  

17.angular.lowercase(string)

    • 作用:将字符串大写字母变小写

    • 参数:
      string:字符串

    • 返回值:改变后的新字符串

var newString = angular.lowercase(‘XXyyZZ‘);console.log(newString); // xxyyzz

  

18.angular.uppercase(string)

    • 作用:将字符串小写字母变大写

    • 参数:
      string:字符串

    • 返回值:改变后的新字符串

var newString = angular.uppercase(‘XXyyZZ‘);console.log(newString); // XXYYZZ

  

19.angular.noop()

作用:空函数

var flag = false; ???flag ? console.log(‘xxx‘) : angular.noop();

  

如果 觉得文章不错,可以请博主喝一杯奶茶哦!!!

  

  

angularjs学习笔记—工具方法

原文地址:https://www.cnblogs.com/zuobaiquan01/p/8414200.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved