zoukankan      html  css  js  c++  java
  • JavaScript基础一(js基础函数与运算符)

    【使用js的三种方式】
    1、在HTML标签中,直接内嵌js(并不提倡使用)
    <button onclick=" alert('点就点')"> 点我啊</button>
    >>>不符合w3c关于内容与行为分离的要求
    2、在HTML页面中使用<script></script>包裹js代码
    <script type="text/javascript">
    js代码
    </script>
    》》》·<script></script>标签可以放到页面的任何位置
    3、引入外部的js文件:
    <script language="JavaScript" src="js/01js.js"></script>
    【注意事项】
    ① <script></script>标签可以嵌入到 页面的任意位置,但是,位置的不同会导致js代码的执行顺序不同;、
    比如:<script></script>放在<body></body>前面,则js代码会在页面加载之前执行;
    ② 引入外部的js代码,<script></script>必须是成对出现的标签,而且,标签中不能再有任何的js代码。

    【js中的变量】
    1、js中变量声明的写法:
    var num=10;//使用var声明的变量,属于局部变量,只在当前作用域内有效;
    num=10;//不用var声明的变量,属于默认全局变量,在整个js文件都有效;
    var x=8,y,z=10;//使用一行语句同时声明多个变量。上式中,y属于以声明,但未赋值状态,结果为undefined;
    【声明变量的注意事项】
    ① js中所有变量的声明,均使用var关键字,变量具体是什么数据类型,取决于给变量赋值的类型 ;
    ② js中同一个变量,可以在多次不同赋值中,修改变量的数据类型:
    var a=10;//从初始声明时,a属于整数型;
    a= "haha"//重复赋值时,整数型的a变为字符串类型;
    ③ 变量可以使用var声明,也可以不使用
    【区别】使用var声明是局部变量,不使用为全局变量 ;
    ④ 只用 var声明,但是不赋值,结果为undefined:
    例如:var a;、、a为undefined
    但是,如果不声明也不赋值的a,直接使用会报错;
    ⑤ 同意变量名可以多次使用var声明,但是,后面的var并没什么用,
    第二次使用var声明时,只会被理解为普通的赋值操作。
    2、变量名的命名要求
    ① 变量名只能有字母、数字、下划线组成
    ② 开头不能是数字。
    ③ 变量名区分大小写,大写字母与小写字母为不同变量。
    3、变量名的命名规范
    ① 要符合小驼峰法则(骆驼命名法);
    首字母小写,之后每个单词的首字母大写
    ② 或者使用匈牙利命名法:
    所有字母小写,单词之间用下划线——分隔

    【js中的数据类型】
    ① undefined 未定义 已经使用var声明的变量,但没有赋值 例如:var a;
    ② null 表示空的引用
    ③ booleam 布尔类型 表示真假,只有两个值:“true/flase
    ④ number 数值类型 可以是正数,也可以是小数
    ⑤ string 字符串类型 用“”或‘’包裹的内容,称为字符串
    ⑥ object 对象类型

    【常用的数值函数】
    ① isNaN():判断一个变量或常量,是否是NaN(not a num 非数值)
    使用isNaN()判断时,会尝试使用Number()函数进行转换,如果最终结果能够转为数字,
    则不是NaN,结果为false。
    ② Number()函数 : 将其他类型的数据,尝试转为数值型。
    【字符串类型】
    》》》字符串为純数值字符,会转为对应的数字 : “111”=》111
    》》》字符串为空字符串,会转为0 : “ ”=》0
    》》》字符串包含任何其他字符时,都不能转 : “1a”=》NaN
    【Booleam】
    “true”=》1
    “flase”=》0
    【Null/Undefined 】
    Null=》0 Undefined=》NaN
    【Object】后续讲解
    ③ parseInt():将字符串转为整数类型
    》》》纯数值字符串,能转:“12”=》12;“12.9”=》12(小数转化时,直接抹掉小数点,不进行四舍五入)
    》》》空字符串 不能转
    》》》包含其它字符的字符串,会截取第一个非数值字符串前的数字部分;
    “123aa234”=》123 “a123v123”=》NaN
    》》》ParsInt函数()只能转字符串,转其他类型,全是NaN
    【Number函数与ParseInt函数的区别】
    1、Number函数可以转各种数据类型,ParsInt函数只能转字符串类型
    2、两者在转字符串时,结果不完全相同。
    ④ ParseFloat()函数:将字符串转为数值型
    转换规则与ParsInt相同,只是如果有小数,则保留小数点,如果没有小数,则依然是整数。

    ⑤ typepf:检测变量的数据类型
    字符串=》string 数值=》number true/false=》boolean
    未定 义 =》undefined 对象/null=》object 函数=》function

    【js中常用的输入输出语句】
    1、document。write();将括号内的内容打印输出到浏览器屏幕上;
    使用时需注意除变量,常量外的所有内容,必须放到“”中,变量和常量必须放到“”外面;
    如果同时有变量和字符串,必须用+链接;
    eg:document.write("左手中的纸牌"+left+"<br/>")
    2、alert();使用弹窗输出;
    弹窗警告,()中的内容与上述相同;
    3、prompt();弹窗输入
    接收两部分参数:
    ① 输入框上面的提示内容,可选;
    ② 输入框里面的默认信息,可选;
    当只写一部分时,表示输入框上面的提示内容;
    可以定义变量,接受输入的内容。点击确定按钮,变量将被赋值为输入的内容,
    点击取消按钮,变量将被赋值为null。
    输入内容时,默认接受的数据类型都是字符串!!!!

    【js中的运算符】

    1、 算术运算(单目运算符)
    + 加、-减、*乘、 /除、 %取余、++自增 、--自减
    +:有两种作用 :连接字符串/加法运算 ;
    当+两边全是数字时进行加法运算;
    当+两边有任意一边为字符串时,起连接字符串的作用,链接之后的结果为字符串;
    除+外,其余符号运算时,会先尝试将左右变量用Number函数转为数字
    /:结果会保留小数点
    ++:自增运算符,将变量在原有基础上+1
    --:自减运算符,将变量在原有基础上-1

    ① 相同点:无论a++还是a--,运算完后,a的值均会+1
    不同点: a++,先用a的值去运算,再把a+1
    a--,先把a+1,再用a+1的值去运算

    2、 赋值运算
    = 赋值(把右边的值赋给左边) += -= *= /= %=
    +=:a+=b 相当于 a =a+b,但是,前者的运算效率比后者快,推荐使用前者;

    3、关系运算
    == 等于、===全等、 !=不等、!==不全等、>、<、>=、<=
    >>> 关系运算符,运算之后的结果,只能是Boolean类型;
    >>> 判断一个数字是否处于某个区间,必须用&&链接;
    a<10&&a>0 √ 10>a>0 ×
    >>>===:严格等于:要求不但要类型相同,值也必须相同,类型不同,直接为false,类型相同,再进行下一步判断
    ==:等于:类型相同,与===效果相同,类型不同时,会先尝试用Number()将两边转为数字,然后再进行判断。
    但是有个别特例,如:null==false × null==undef √ null==null ×

    4、条件运算符(多目运算)
    a>b?true:false
    有两个重要符号: ?和:
    当?前面部分,运算结果为true时,执行:前面的代码
    当?前面部分,运算结果为false时,执行:后面的代码
    冒号两边可以为数值,则整个式子可用于赋值。var a=1<2?1:2
    冒号两边可以为代码块,将直接执行代码。1<2?alert(1):alert(2)
    多目运算符可以多层嵌套。var a=1<2?alert(1):(1>0?4:5)

    5、位运算符、 逻辑运算符
    &、|、~ &&与、||或、!非
    &&:两边都成立,结果为true
    ||:两边有任意一边成立,结果为true

    6、运算符的优先级
    ()小括号最高
    !++ --
    * / %
    + -
    < > >= <=
    == !=
    &&
    ||
    = += -= * = /= 最低的是各种赋值运算符

  • 相关阅读:
    三层架构及生活实例
    初识ADO.NET
    remoting与socket、web service的比较及实例
    ERP与MES
    25人赛跑问题-得出前三名
    WPF导学目录
    心目中的职业初规划
    应用服务器
    2015广深骑行记
    ASP.NET的几个试题(《C#与.NET程序员面试宝典》)
  • 原文地址:https://www.cnblogs.com/liuqiang1109/p/7498202.html
Copyright © 2011-2022 走看看