Javascript中级语法快速入手


Posted in Javascript onJuly 30, 2016

1. 谈谈Javascript的对象

Javascript作为一种弱语言类型的语言,同时也是一种动态类型的语言。在使用Javascript的过程中,也常常需要用到Javascript的内置对象以及自定义的对象。

1.1 如何创建对象
Javascript是一种弱语言类型的语言,不必像Java、C#等高级语言那样必须通过构造函数的方法来创建对象,在Javascript中,主要有两种创建对象的方法,一种是直接通过new关键字定义,一种是通过函数来定义。如下:

//第一种方式,直接通过new创建对象;
  var demo = new Object();
  demo.name = "Anderson";
  demo.sex = "male";
  demo.age = 23;

  //第二种格式,直接实例化,基本上和Json语法是一致的,一般作为第一种方式的替代语法。
  var demo = {name:"Anderson",sex:"male",age:25};

  //第三种格式,通过构造器来创建对象
  function Demo(name,sex,age){
    this.name = name;
    this.sex = sex;
    this.age = age;
  }
  var demo = new Demo("Andeson","male",25);

1.2 如何修改对象

Javascript和高级语言的对象语法是不一样的,总的来说,其限制比较少,当创建完对象后,可以对对象的属性、方法等进行动态的修改,比如添加一个新的属性,添加一个新的方法等。

var demo = {Name:"Anderson"};
  demo.Sex = "male";

1.3 理解Javascript中的数字对象

在Javascript中,所有的数字都是64位,所有数字均由浮点类型组成。Javascript中采用的是IEEE754标准定义的64位浮点数格式表示数字,它能表示最大值为±1.7976931348623157 x 10308,最小值为±5 x 10 -324。

var demo1 = 7;    //十进制表示法
  var demo2 = 07;   //八进制表示法
  var demo3 = 0x12;  //十六进制表示法

  var demo4 = 12e12;  //科学计数法表示法
  var demo5 = 12e-12; //科学计数法表示法

  var demo7 = 128;
  var demo8 = demo7.toString(16); //转化为十六进制
  var demo9 = demo7.toString(8);  //转化为八进制
  var demo10= demo7.toString(2);  //转化为二进制

  var demo11= Infinity;   //无穷大表示法
  var demo12= isNaN(100);  //非数字值表示法

  var demo13= typeof(12);       //数字的类型为 Number
  var demo14= typeof(new Number(12)); //Number的类型为Object
  var demo15 = (demo13 == demo14);   //两者相等
  var demo16 = (demo13=== demo14);   //两者不相等

1.4 理解Javascript中的字符串对象

var str = "Hello,Anderson";

  var demo1 = str[0];        //通过索引,获取字符串中的字符,超出最大值则返回undefined
  var demo2 = str.indexOf("H");   //获取目标字符串在源字符串中的位置,找不到则返回 -1
  var demo3 = str.length;      //获取字符串的长度
  var demo4 = str.lastIndexOf("H"); //获取目标字符串在源字符串中的位置,从串尾开始找,找不到返回-1
  var demo5 = str.match("Anderson");//从源串中匹配目标串,若有,则返回目标串,否则,返回返回 null
  var demo8 = str.replace("A","d"); //将源串中的目标串替换为替换串
  var demo9 = str.toUpperCase();  //转换为大写
  var demo10= str.toLowerCase();  //转换为小写
  var demo11= str.split("d");    //转化为数组

  var demo12= "\'";    //表示单引号
  var demo13= "\"";    //表示双引号
  var demo14= "\\";    //表示斜杠
  var demo15= "\n";    //表示换行
  var demo16= "\r";    //表示回车
  var demo17= "\t";    //表示制表符
  var demo18= "\b";    //表示空格
  var demo19= "\f";    //表示换页

1.5 理解Javascript中的日期对象

var demo1 = new Date();      //创建对象,当前日期
  var demo2 = new Date(22e9);    //创建对象,毫秒数
  var demo3 = new Date("2016-06-04");//创建对象,日期字符串
  var demo4 = new Date(2016,5,12,12,12,12); //创建对象,年月日时分秒

  var demo5 = (demo1 > demo2);    //比较日期

1.6 理解Javascript中的数组对象

var demo1 = new Array(1,2,3,4);    //创建数组
  var demo2 = [1,3,4,5];        //创建数组
  var demo3 = demo1.concat(demo2);   //合并数组
  var demo5 = demo1.concat(demo2,demo3);//合并数组

1.7 理解Javascript中的正则对象RegExp

RegExp是正则表达式(Regular Expression)的缩写。正则表达式主要用于文本的检索。其基本的语法形式如下:

var pattern = new RegExp(pattern,modifiers); //通过构造方法创建正则对象
  var pattern = /pattern/modifiers;       //直接声明正则对象

  //其中,修饰符modifiers有两种,i和g,i表示不区分大小写,g表示全文检索
  //pattern表示检索模型

  var str = "Hello, Anderson Lu";
  var pattern = /llo/gi;
  var demo1 = str.match(pattern); //使用实例

  var pattern2 = new RegExp("\\Lu\\gi");
  var demo2 = pattern2.test(str); //判断str中是否有符合模式pattern2的串,返回true或者false
  var demo3 = pattern2.exec(str); //返回匹配的字符串

好了,本文到此就结束了,除此之外,还有一些其他的对象,比如Math算术和布尔等等。大家可以通过三水点靠木来进行学习。

Javascript 相关文章推荐
页面载入结束自动调用js函数示例
Sep 23 Javascript
js中的preventDefault与stopPropagation详解
Jan 29 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 Javascript
微信小程序实现拍照和相册选取图片
May 09 Javascript
AngularJS ng-blur 指令详解及简单实例
Jul 30 #Javascript
AngularJS ng-bind-template 指令详解
Jul 30 #Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 #Javascript
AngularJS ng-bind 指令简单实现
Jul 30 #Javascript
AngularJS ng-app 指令实例详解
Jul 30 #Javascript
如何检测JavaScript的各种类型
Jul 30 #Javascript
详解js中的apply与call的用法
Jul 30 #Javascript
You might like
PHP memcache扩展的三种安装方法
2009/04/26 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
python通过smpt发送邮件的方法
2015/04/30 Python
Python检测网站链接是否已存在
2016/04/07 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python实现五子棋游戏(pygame版)
2020/01/19 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
会走路的树教学反思
2014/02/20 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
团日活动总结书
2014/05/08 职场文书
艾滋病宣传标语
2014/06/25 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers