• JS简单介绍、数据类型、字符串常用的方法、循环、运算符、各种函数、常用的内置对象等


    javascript的引入方式:

    1、在script标签内书写

    <script>

    //这里书写JS代码

    </script>

    2、从外部引入JS文件

    <script   src= "myscript.js"><script>

    javascript的语言规范:

    注释方式:

    //这是单行注释

    /*

    这是多行注释

    */

    结束符:JS语句要以;为结束符。

    变量的声明:

    1、javascript的变量名可以由字母数字下划线和$符组成,不能以数字开头。

    2、声明变量使用var 变量名;的格式来声明变量。

    例:

    var   name  =  "yyj";

    var   age   =   18;

    注意:

    1、变量名区分大小写

    2、推荐使用驼峰命名法

    3、保留字不能作为变量名(已经定义过的字段)

    不过ES6新增了let命令,用于声明变量,用法与var类似,但是声明的变量只在let命令所在的代码块有效。

     

     

     

    例如for循环的计数器用let命令进行声明变量时,声明变量只在当前for循环内有效。

    for( let i = 0;i <arr.length;i++)

    {//循环体}

    ES6新增了const用来声明变量,一旦声明,值便不会再发生改变。

    const pi =3.14

    pi  //3.14

    pi = 3// TypeError:"pi"  is   read-only

    javascript的数据类型:

    javaScript拥有动态类型

    var  x;  //此时x为undefined

    var x =1;  //此时为数字

    var x = "yyj";  //此时x是字符串

    数值(Number)

    JavaScript不区分整型和浮点型,就只是一种数字类型。

    parseInt("123")  // 返回123
    parseInt("ABC")  // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。
    parseFloat("123.456") // 返回123.456

    字符串(string)

    var a = 'hello';

    var b = "world";

    var c = a + b;

    console.log(c);  // 得到helloworld

    拼接字符串通常用"+"

    字符串常用方法:

     

     

     

     

     

     

     

     

    string.slice(start, stop)和string.substring(start, stop):
    
    两者的相同点:
    如果start等于end,返回空字符串
    如果stop参数省略,则取到字符串末
    如果某个参数超过string的长度,这个参数会被替换为string的长度
    
    substirng()的特点:
    如果 start > stop ,start和stop将被交换
    如果参数是负数或者不是数字,将会被0替换
    
    silce()的特点:
    如果 start > stop 不会交换两者
    如果start小于0,则切割从字符串末尾往前数的第abs(start)个的字符开始(包括该位置的字符)
    如果stop小于0,则切割在从字符串末尾往前数的第abs(stop)个字符结束(不包含该位置字符)
    silce和substring

     

     

     布尔值:

    区别于Python,ture和false都是小写

    var   a  =  true;

    var   b  =  false;

    ""(空字符串)、0、null、undefined、NaN都是false。

     

     

     null和undefined:

      null表示变量的值是空(null可以手动清空一个变量的值,使得该变量变为object类型,值为null),undefined则表示只声明了变量,但还没有赋值。

      undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

    对象:(object)

    对象是带有属性和方法的特殊数据类型。

    JavaScript中所有的事物都是对象:字符串、数字、数组、函数等,还有自定义对象。

    内置对象:String、Date、Array等

    数组:

    使用单独变量名来储存一系列的值,类似于python中的列表。

    var a = [123, "ABC"];
    console.log(a[1]);  // 输出"ABC"
    数组常用方法:

     match函数:

     

     

    
    

     forEach():

    语法:

     

    splice():

    语法:

    splice(index,howmany,item1,...,itemx)

    参数:

     

    map():

     sort():

    关于sort()需要注意:
    
    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
    
    如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
    
    若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
    若 a 等于 b,则返回 0。
    若 a 大于 b,则返回一个大于 0 的值。
    
    function sortNumber(a,b){
        return a - b
    }
    var arr1 = [11, 100, 22, 55, 33, 44]
    arr1.sort(sortNumber)
    
    sort
    sort需要注意的

    for循环:

    var a = [10, 20, 30, 40];

    for (var i=0;i<a.length;i++) {

    console.log(i);
    }

    typeof:一元运算符,用于查看数据类型。

    运算符:

    比较运算符:

    逻辑运算符:

    && || !

    赋值运算符:

    = += -= *= /=

    流程控制:

    if-else:

     

    switch:

     switch中的case子句通常都会加break语句,否则程序会继续执行后续case中的语句。

    while语句:

    var i = 0;
    while (i < 10) {
      console.log(i);
      i++;
    }
    for语句:
    for (var i=0;i<10;i++) {
      console.log(i);
    }
    sanyuanyunsuna

    三元运算:

     函数:

     

    // 普通函数定义
    function f1() {
      console.log("Hello world!");
    }
    
    // 带参数的函数
    function f2(a, b) {
      console.log(arguments);  // 内置的arguments对象
      console.log(arguments.length);
      console.log(a, b);
    }
    
    // 带返回值的函数
    function sum(a, b){
      return a + b;
    }
    sum(1, 2);  // 调用函数
    
    // 匿名函数方式
    var sum = function(a, b){
      return a + b;
    }
    sum(1, 2);
    
    // 立即执行函数 书写立即执行的函数,首先先写两个括号()()这样防止书写混乱
    (function(a, b){
      return a + b;
    })(1, 2);
    函数

     

    ES6中允许使用“箭头”(=>)定义函数。

     

    var f = v => v;
    // 等同于
    var f = function(v){
      return v;
    }

    如果箭头函数不需要参数或需要多个参数,就是用圆括号代表参数部分:

    var f = () => 5;
    // 等同于
    var f = function(){return 5};

    var sum = (num1, num2) => num1 + num2;
    // 等同于
    var sum = function(num1, num2){
    return num1 + num2; //这里的return只能返回一个值,如果想返回多个值需要自己手动给他们包一个数组或对象中
    }

     

    函数的全局变量和局部变量

    局部变量

    在JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它(该变量的作用域是函数内部)。只要函数运行完毕,本地变量就会被删除。

    全局变量:

    在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

    变量生存周期:

    JavaScript变量的生命期从它们被声明的时间开始。

    局部变量会在函数运行以后被删除。

    全局变量会在页面关闭后被删除。

    作用域

    首先在函数内部查找变量,找不到则到外层函数查找,逐步找到最外层。与python作用域关系查找一模一样!

    #1
    var city = "BeiJing";
    function f() {
      var city = "ShangHai";
      function inner(){
        var city = "ShenZhen";
        console.log(city);
      }
      inner();
    }
    
    f();  //输出结果是?
    #2
    var city = "BeiJing";
    function Bar() {
      console.log(city);
    }
    function f() {
      var city = "ShangHai";
      return Bar;
    }
    var ret = f();
    ret();  // 打印结果是?
    #3
    var city = "BeiJing";
    function f(){
        var city = "ShangHai";
        function inner(){
            console.log(city);
        }
        return inner;
    }
    var ret = f();
    ret();
    几个例子

    内置对象和方法:

    JavaScript中的所有事物都是对象:字符串、数字、数组、日期,等等。在JavaScript中,对象是拥有属性和方法的数据。

    我们在学习基本数据类型的时候已经带大家了解了,JavaScript中的Number对象、String对象、Array对象等。

    自定义对象:

    JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键。

    var a = {"name": "Alex", "age": 18};
    console.log(a.name);
    console.log(a["age"]);
    var a = {"name": "Alex", "age": 18};
    for (var i in a){
      console.log(i, a[i]);
    }

     

     


    创建对象:
    var person=new Object();  // 创建一个person对象
    person.name="Alex";  // person对象的name属性
    person.age=18;  // person对象的age属性

    JSON对象:

    RegExp对象:

    // 定义正则表达式两种方式
    var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,11}");
    var reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,9}$/;

    // 正则校验数据
    reg1.test('jason666')
    reg2.test('jason666')

    /*第一个注意事项,正则表达式中不能有空格*/

    // 全局匹配
    var s1 = 'egondsb dsb dsb';
    s1.match(/s/)
    s1.match(/s/g)
    var reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,9}$/g
    reg2.test('egondsb');
    reg2.test('egondsb');
    reg2.lastIndex;
    /*第二个注意事项,全局匹配时有一个lastIndex属性*/

    // 校验时不传参数
    var reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,9}$/
    reg2.test();
    reg2.test(undefined);

    var reg3 = /undefined/;
    reg3.test();

     

     

    Date对象的方法:

    var d = new Date(); 
    //getDate()                 获取日
    //getDay ()                 获取星期
    //getMonth ()               获取月(0-11)
    //getFullYear ()            获取完整年份
    //getYear ()                获取年
    //getHours ()               获取小时
    //getMinutes ()             获取分钟
    //getSeconds ()             获取秒
    //getMilliseconds ()        获取毫秒
    //getTime ()                返回累计毫秒数(从1970/1/1午夜)
    date对象

    练习题:

    编写代码,将当前日期按“2017-12-27 11:11 星期三”格式输出。

    const WEEKMAP = {  
      0:"星期天",
      1:"星期一",
      2:"星期二",
      3:"星期三",
      4:"星期四",
      5:"星期五",
      6:"星期六"
    };  //定义一个数字与星期的对应关系对象
    
    
    function showTime() {
        var d1 = new Date();
        var year = d1.getFullYear();
        var month = d1.getMonth() + 1;  //注意月份是从0~11
        var day = d1.getDate();
        var hour = d1.getHours();
        var minute = d1.getMinutes() < 10?"0"+d1.getMinutes():d1.getMinutes();  //三元运算
    
        var week = WEEKMAP[d1.getDay()];  //星期是从0~6
    
        var strTime = `
        ${year}-${month}-${day} ${hour}:${minute} ${week}
        `;
        console.log(strTime)
    };
    
    showTime();
    
    参考示例
    参考示例

     

  • 相关阅读:
    Node.js——fs常用API
    Node.js——Stream
    Node.js——Buffer
    Node.js——post方式提交的图片如何保存
    CSS——BFC
    Node.js——body方式提交数据
    Node.js——基本服务开启
    Node.js——url模块
    Node.js——render封装
    Node.js——开放静态资源原生写法
  • 原文地址:https://www.cnblogs.com/yangjiaoshou/p/11477784.html
Copyright © 2020-2023  润新知