javaScript基础

javaScript

基本语法

  • 数据类型

    常见的数据类型有String、Boolean、Array、Number和Undefinded等类型。

    数据类型描 述
    String字符串是由双引号(")或单引号(’)括起来的0~n个字符
    Boolean布尔类型包括true和false两个值
    Null表明某个变量的值为null
    Undefined当声明的变量未初始化时,默认值是undefined
    Array一系列变量或函数的集合,可以存放类型相同的数据,也可以存放类型不同的数据
    Number数值类型可以是32位的整数,也可以是64位的浮点数;而整数可以是十进制、八进制或十六进制等形式
    Function函数是一种特殊的对象数据类型,可以被存储在变量、数组或对象
    Object通过属性和方法定义的对象;常见的对象有String、Date、Math和Array等
    String字符串是由双引号(")或单引号(’)括起来的0~n个字符

变量类型通过typeof运算符或typeof()函数来获得变量的当前数据类型。

运算符

  • 赋值运算符

在这里插入图片描述

  • 算术运算符
    在这里插入图片描述

  • 比较运算符

    运算符描 述
    >大于,左侧的值大于右侧的值时,则返回true;否则返回false
    >=大于等于,左侧的值大于等于右侧的值时,则返回true;否则返回false
    <小于,左侧的值小于右侧的值时,则返回true;否则返回false
    <=小于等于,左侧的值小于等于右侧的值时,则返回true;否则返回false
    !=不等于,左侧与右侧的值不相等时,则返回true;否则返回false
    ==等于,左侧与右侧的值相等时,则返回true;否则返回false
    !==严格不等于,左侧与右侧的值不相等或数据类型不同时,返回true;否则返回false
    ===严格等于,左侧与右侧的值相等,并且数据类型相同时,返回true;否则返回false

    = =与= = =的区别在于

    • = = 支持自动类型转换,只要前后两个变量的值相同就返回true,而忽略数据类型的比较

    • = = = 需要两个变量的值相同并且数据类型一致时才返回true

  • 逻辑运算符

  • 三元运算符

函数

自定义函数、预定义函数

  • 自定义函数

    命名函数、匿名函数、对象函数和自调用函数

    • 自调用函数
    (function([parameters]){
    	statementes;
    	[return 表达式];
    }) ([params]);
    
    <script type="text/javascript">
    	var user=“admin";
    	(function(userData){
    		alert("欢迎"+ userData +"来到漫步时尚广场");
    	})(user);
    </script>
    
  • 预定义函数
函数描 述
parseInt()将字符串转换成整型
parseFloat()将字符串转换成浮点型
isNaN()测试是否不是一个数字(全称:is not a number)当参数是一个数字时,返回一个false;否则返回true
isFinite()测试是否是一个无穷。如果是,返回一个false,否则返回true
escape()将字符转换成Unicode码
unescape()解码由escape函数编码的字符
praseInt('字符串') 、parseFloat('字符串')

从左往右,遇到字母结束

parseInt('t',n);

将t 以n 返回

javaScript内置对象

Array数组对象
String字符串对象
Date日期对象
Math数学对象
RegExp正则表达式对象

  • Array数组对象

    • 创建方法

      new Array();
      new Array(size);
      new Array(element0, element1, ..., elementN);
      
      //简介方法
      var foods=["兰州拉面","潍坊火烧","北京烤鸭","德州扒鸡"];
      
    • 属性constructor、length和prototype

      //constructor比较类型
      movies.constructor==String
      movies.constructor==Array
      
    • 方法

      • concat()方法

        concat()方法用于连接两个或多个数组,返回合并后的新数组,而原数组保持不变

          movies.concat(newMovie)
      
      • join()方法

        join()方法用于把数组中的所有元素放入一个字符串中,并通过指定的分隔符隔开。

        arrayObject.push(newElement1,newElement2,....,newElementX)
        
      • slice()方法

        slice()方法用于从数组中返回选定的元素

        arrayObject.slice(start,[end])
        参数start是必需的,表示元素选取的开始位置;
        参数end可选,表示元素选取的结束位置(不包括end);当参数end省略时,将选取从start开始到数组末尾的所有元素;
        start和end允许取负数;-1表示字符串的最后一个字符,-2表示倒数第二个字符,其他以此类推。
        
  • String字符串对象

    创建方式

    字面量方式和new方式

    • 字面方式

      var name="漫步时尚广场";		//类型为string类型
      var address='中国·青岛·高新区';		//类型为string类型
      
    • new方式

      var movieName=new String("何以笙箫默");	//类型为String对象
      var director=String("刘俊杰");		//类型为string类型
      

    在JavaScript中,string和String的区别如下:

    • String是string的包装类;
    • string是一种基本的数据类型,没有提供substring()等方法;
    • String是构造函数用于创建字符串对象,使用new创建的对象具有substring()等方法;
    • string没有提供prototype原型对象,而String对象具有prototype原型对象,通过浏览器的端点调试方式进行查看该区别;
    • 使用typeof()函数查看类型时,string变量返回“string”,String对象返回“Object”,而String返回“function”;
    • 使用= =比较时,string类型判断其值是否相等,而String对象则判断是否对同一对象进行引用;
      二者的生命周期不同,使用new创建的对象一直存在,而string类型自动生成的会在代码执行后立即销毁
  • Date日期对象

    • 方法

      getDate()返回一个月中的某一天(1~31)
      getDay()返回一周中的某一天(0~6)
      getMonth()返回月份(0~11)
      getFullYear()返回4位数字的年份
      getHours()返回Date对象的小时(0~23)
      getMinutes()返回Date对象的分钟(0~59)
      getSeconds()返回Date对象的秒数(0~59)
      getTime()返回1970年1月1日至今的毫秒数
      setXxx()用于设置日期对象的年月日等信息
  • Math数学对象

    • 方法

      E返回算术常量e,即自然对数的底数(约等于2.718)
      LN2返回2的自然对数(约等于0.693)
      LN10返回10的自然对数(约等于2.302)
      LOG2E返回以2为底的e的对数(约等于1.442)
      LOG10E返回以10为底的e的对数(约等于0.434)
      PI返回圆周率(约等于3.14159)
      SORT2返回2的平方根(约等于1.414)
      SQRT1_2返回2的平方根的倒数(约等于0.7071)
  • RegExp正则表达式对象

    • 创建方式

    创建一个RegExp对象有两种方式:直接量方式和构造函数方式。

    var reg=/pattern/attributes;		            //直接量方式
    var regExp=new RegExp(pattern,attributes);		//构造函数方式
    
    • 参数pattern是一个字符串或表达式,表示正则表达式的模式;
    • 参数attributes是一个可选的字符串,取值包括"g"、“i"和"m”,分别用于指定全局匹配、区分大小写的匹配和多行匹配
    image-20200303151107959
    • pattern

      元字符描 述
      .用于查找单个字符,除了换行和行结束符
      \w匹配包括下划线的任何单词字符,等价于[A-Za-z0-9_]
      \W匹配任何非单词字符,等价于[^A-Za-z0-9_]
      \d查找数字
      \D查找非数字字符
      \s查找空白字符
      \S查找非空白字符
      \n查找换行符
      \r查找回车符
      \xxx查找以八进制数xxx规定的字符
      \xdd查找以十六进制数dd规定的字符
      [abc]查找括号内的任意字符
      [^abc]查找除了括号内的其他任意字符
      [0-9]查找0-9之间的任意数字
      [a-z]查找a-z之间的任意字符
      [A-Z]查找A-Z之间的任意字符
      [A-z]查找A-z之间的任意字符
      (boy|girl|baby)查找括号内的某一项(或关系)
      量词描 述
      n+匹配任何包含至少一个n的字符串
      n*匹配任何包含零个或多个n的字符串
      n?匹配任何包含零个或一个n的字符串
      n{x}匹配包含x个n的序列的字符串
      n{x,y}匹配包含x或y个n的序列的字符串
      n{x,}匹配包含至少x个n的序列的字符串
      n$匹配任何结尾为n的字符串
      ^n匹配任何开头为n的字符串
      ?=n匹配任何其后紧接指定字符串n的字符串
      ?!n匹配任何其后没有紧接指定字符串n的字符串
    • 方法

      compile()编译正则表达式
      exec()检索字符串中指定的值。返回找到的值,并确定其位置
      test()检索字符串中指定的值。返回true或false
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值