zoukankan      html  css  js  c++  java
  • JavaScript笔记(1)

    1.JavaScript的基本概念

    1. JavaScript是一个解释型的脚本语言
    2. JavaScript可以写在HTML文档内部的任何地方
    • 行内式
    • 内嵌式
    • 链入式:<script src="">链入式其标签内部的代码不会被执行</script>

    2.JavaScript的基本语法

    变量

    使用var来声明变量,js里不存在int、float、bool、 double,声明任何类型的变量都用var
    变量的命名:
      1. 可以使用(、下划线、字母开头 &emsp;&emsp;2. 首字符之后可以使用数字、)、下划线、字母

    js数据类型:分为两大类,基本数据类型&引用数据类型

    基本数据类型:number,string,boolean
    引用数据类型:object
    undefined,null:

    1. null表示空值,没存值
    2. undefined表示未知的,表示一个未知状态的对象
    • 1.当一个变量只做了声明,而没有赋值之时,这个变量的状态是undefined而不是null
    • 2.当一个函数没有返回值,那么它将返回undefined
    js里引用类型允许动态添加字段
    例如:
    var obj = new Object();
    obj.name = "淘宝";
    obj.age = "16";
    obj.address = "浙江杭州";
    alert("大家好,我叫"+obj.name+",我今年"+obj.age+",我来自"+obj.address);
    
    js动态数据类型: 
    例如:
    var bt;
    bt = 125;
    console.log(typeof(bt));
    bt = "BT";
    console.log(typeof(bt));
    bt = true;
    console.log(typeof(bt));
    

    变量的作用域

    1. 一个页面里不同中声明的变量是不可以互相访问的
    2. js中没有变量命名冲突,但后声明的变量会覆盖前面同名的变量
    3. js中没有块级作用域的概念
    4. 变量不声明也可以直接拿来赋值(在函数中如果不声明就是一个全局变量,如果声明过就是局部变量)

    流程控制语句

    • if……else
    • for
    • while
    • do……while
    • switch:
       1. js的switch语句中的case之后可以没有break(如果没有break程序会一直执行下去)
       2. switch这里判断的是全等(===)

    js中判等:""(相等) 和 "="(全等)

    ==:只比较内容,不比较数据类型(常用)

    var num1 = 123;
    var num2 ="123";
    if(num1 == num2){
        console.log("相等");
    }
    else{
        console.log("不相等");
    }
    结果为:相等
    

    ===:严格比对内容和数据类型

    var num1 = 123;
    var num2 ="123";
    if(num1 === num2){
        console.log("相等");
    }
    else{
        console.log("不相等");
    }
    结果为:不相等
    

    弹出对话框

    • alert(""); 警告消息框
    • prompt("");确认消息框:会弹出一个文本输入框,输入的数据类型为string
    • confirm("");提示消息框

    运算符" + "和" - "

    " + "的作用:
      1.算数相加,前提是2个操作数都是number类型的
      2.字符串连接,如果有一个数不是number类型的,那么" + " 就会进行字符串连接

    var num = 100;
    var str = "20";
    console.log(num + str);
    输出:10020
    

    " -":算术相减

    var num = 100;
    var str = "20";
    console.log(num - str);
    输出:80
    
    var num = 100;
    var str = "true";
    console.log(num - str);
    输出:NaN:Not a Number 不是一个数
    

    数据类型转换

    parseInt(arg):将字符串转换为整数

    • 自动舍弃小数部分,只保留整数部分,不四舍五入
    • 它是个方法
    • 如果无法转换,返回NaN

    parseFloat(arg):将字符串转换小数

    • 保留小数部分
    • 如果无法转换,返回NaN

    Number(arg):Number是个对象

    • 将数据转换成为Number类型的数据
    • 如果无法转换,返回NaN

    如何判断用户输入的是不是一个数字:isNaN(arg)

    var str = "asd";
    if(isNaN(str)){
       console.log("不是一个数");
    }
    else{
       console.log("是一个数");
    }  
    

    输出结果为:不是一个数

  • 相关阅读:
    JS_ ','逗号
    JS_prettyBanner[说给自己听]
    JS_关键字详细
    CSS_圣杯
    JS_ifream通信
    [转]<!DOCTYPE html>
    JS_ImageLazylode[说给自己听]
    CSS_负边距
    JS_waterfall[说给自己听]
    JS_call,apply
  • 原文地址:https://www.cnblogs.com/discourage/p/11488910.html
Copyright © 2011-2022 走看看