zoukankan      html  css  js  c++  java
  • JS基础之开篇

    JavaScript是解释型语言,无需编译就可以随时运行,这样哪怕语法有错误,没有语法错误的部分还是能正确运行。

    1.JavaScript能做什么?

    01, javaScript可以进行表单验证

    如果在服务器端进行验证:1,会加重服务器负担2,远程传输带来不必要的网络流量。一般使用javaScript进行客户端验证。

    02.使用javascript可以实现交互特效

    2.javaScript中数据类型

    Boolean(布尔)、Number(数字)、String(字符串)、Undefined(未定义)、Null(空对象)、Object(对象类型)

    Undefined类型、Null类型都是只有一个值的数据类型,分别是undefined与null

    查看变量的数据类型,使用typeof关键字

    例如:typeof(10);//结果为Number,其他变量的类型您可以自己测试。

    3.基本类型与引用类型区别(这个我们将在后续课程中讲解)

    String也是基本类型,不能为String添加动态属性,而引用类型是可以的。

    4.js中null与undefined区别

    Undefined表示一个未知状态:

    在三种情况下,输出结果为Undefined:

    01,      方法没有返回值

    02,      变量声明不赋初值也是undefined

    03,      另外一种情况就是变量未声明就使用也是undefined

    Null表示尚未存在的对象

    null是一个有特殊意义的值。可以为变量赋值为null,此时变量的值为“已知状态,不是(undefined)”

    Null用来初始化变量,清除变量内容,释放内存。

    注意:

    Undefined==null;结果为true,但含义不同,因为undefined和null以及0在js中代表的值都是false,所以判定两者相等。

    Undefined===null;结果为false,对于“===”先判断类型是否一致,然后判断值是否相等。

    如果想在IE中开启脚本调试,可以打开工具→Internet选项→高级,然后将“禁用脚本调试”前的勾去掉确定即可。如下图:

    这里顺便提一句:浏览器也有垃圾回收机制。

    在js中判断一个变量是否可用的方法:

    01,      if(typeof(x)!=’undefined’&&x!=null)

    02,      if(x)

    说明:当x声明但是没有赋值,或x为null,或x为0是,都表示不可用,

    If(x)返回false;

    在确定x已经声明的情况下,推荐使用后一种方法,单如果x有可能没有声明,则只能用typeof判断(否则会报错)

    5.变量的作用域

    在js中声明变量的时候可以加var,也可以不加。

    在声明变量的时候如果加var,则在声明范围内有效

    如果不加var,则认为是一个“全局变量”,在整个页面内有效。

    6.类型转换

    ParseInt()遇到第一个不是数字的字符,就省略之后的内容,将为数字的部分进行转换。

    例如:var  x1=’34号人’;

              Var x2=’1.23’;

         Var x3=parseInt(x1)+parseInt(x2);

             Alert(x3);//结果为35

    判断一个值是否为NaN不能用==或===,必须用函数isNaN(val)

    parseFloat(arg)//将指定的字符串,转换成浮点数

    Number(arg):把给定的值(任意类型)转换成数字(可以是整数或浮点数);转换的是整个值,而不是 部分值。如果该字符串不能完全转换为整型,则返回NaN。

    isNaN(arg)//判断arg是否为一个非数字(NaN),NaN与NaN也不相等。

    String(arg)把给定的值(任意类型)转换成字符串。

    Boolean(arg):把给定的值(任意类型)转换成Boolean型。

    Eval(codeString):将一段字符串的js代码,计算并执行。类似于动态SQL语句。

    7.JS调试

    使用VS和IE调试JS代码的方法

    l  JavaScript的调试,使用VS可以很方便的进行JavaScript的调试,调试时需要注意几点:

    • 确保当前的默认浏览器为IE浏览器。
    • 如果使用的是IE6,确保IE6的调试选项要打开,Internet选项→高级,去掉“禁用脚本调试”前的勾选。
    • 设置断点、监视变量等操作和C#一样。
    • 以调试方式运行网页。F5
    • IE8以后可以使用“开发人员工具”à“脚本调试”,可设断点。
    • FireBug(FireFox浏览器的“开发人员工具”,报错比较准确。)、Chrome浏览器也有“开发人员工具”。(大多数浏览器的最新版本都有“开发人员工具”)
    • 在高版本浏览器下也可以使用console.log(‘内容’);来输出内容。

    8.函数声明

    JavaScript中声明函数的方式:(无需声明返回值类型)

    例如:

    Function add(i1,i2){

       Return  i1+i2;   //如果不写return返回的是undefined

    }

    注意:在js中,自定义函数名不要和js内置、dom内置方法重名,比如selectAll、focus等函数名不要用。

    9.arguments对象

    首先我们先看下如下案例:

    Function  f1(){

        Alert(‘first  f1’);

    }

    Function  f1(){

       Alert(name);

    }

    F1();

    结果输出undefined.

    解释:js中方法不存在重载,如果方法重名的话,会以最后一个定义的为准。

  • 相关阅读:
    面试官:请说一下对象锁和类锁的区别
    手撕 JVM 垃圾收集日志
    JVM 问题排查和性能优化常用的 JDK 工具
    JVM 中你不得不知的一些参数
    微信授权就是这个原理,Spring Cloud OAuth2 授权码模式
    基准测试了 ArrayList 和 LinkedList ,发现我们一直用 ArrayList 也是没什么问题的
    Spring Cloud OAuth2 实现用户认证及单点登录
    后端开发有必要学习前端吗,如何入门呢
    无意间做了个 web 版的 JVM 监控端(前后端分离 React+Spring Boot)
    走进AngularJs(一)angular基本概念的认识与实战
  • 原文地址:https://www.cnblogs.com/weilengdeyu/p/2863384.html
Copyright © 2011-2022 走看看