Javascript中级语法快速入手

作者:daisy 时间:2024-04-26 17:11:02 

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,语法
0
投稿

猜你喜欢

  • Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法

    2023-02-01 07:31:31
  • python+opencv实现阈值分割

    2023-05-19 11:23:50
  • String.indexOf 方法介绍

    2013-06-01 20:22:27
  • 如何在Python对Excel进行读取

    2022-02-25 15:51:59
  • Python教程之基本运算符的使用(上)

    2023-12-16 23:11:40
  • Django的get_absolute_url方法的使用

    2023-05-28 02:38:14
  • 查看Oracle的执行计划一句话命令

    2010-07-16 13:02:00
  • Python Matplotlib绘制箱线图boxplot()函数详解

    2021-03-09 11:16:07
  • SQL2005查询表结构的SQL语句使用分享

    2024-01-15 21:47:52
  • asp使用shotgraph组件生成数字和字母验证码

    2007-09-26 12:26:00
  • 详解Pycharm与anaconda安装配置指南

    2022-09-24 01:51:45
  • ASP获取ACCESS数据库的表名以及表名对应的字段名和字段类型

    2009-12-25 18:57:00
  • php获取客户端IP及URL的方法示例

    2024-05-03 15:49:01
  • js实现本地持久化存储登录注册

    2024-04-16 10:35:05
  • python3 sorted 如何实现自定义排序标准

    2022-09-19 21:32:49
  • OpenCV哈里斯角检测|Harris Corner理论实践

    2021-03-22 02:06:10
  • python 获取剪切板内容的两种方法

    2021-09-26 03:22:34
  • Python使用pandas导入xlsx格式的excel文件内容操作代码

    2022-03-12 04:29:57
  • Pytorch 使用tensor特定条件判断索引

    2023-01-18 16:30:23
  • 利用Python实现Picgo图床工具

    2023-10-09 16:10:45
  • asp之家 网络编程 m.aspxhome.com