• JavaScript简单了解


    一、JavaScript 的诞生历史

      在最初的时候 JS 主要解决的问题是一些服务器端语言(perl)对数据的 验证功能,在js 出现之前要对表单的数据进行验证需要将数据提交到服务器 端之后才能验证数据的合法性、有效性等等,但是在当时是使用电话拨号上 网,速度是很慢的,几kb 的网速,这导致了每次用户与服务器端进行数据 交互的时候成为了对人性的考验,比如说你写好了一个表单然后提交到服 务器端,之后等待几分钟之久,最后用户名密码不正确。为了解决着这样的问题,一家互联网公司在1995年开发出了JavaScript 语言,这家公司是 NetScape(网景公司),自从Js 出现之后那么简单的数据 验证就不需要提交到服务器端直接在客户端就可以实现验证。发展到今天js 不仅仅简单的实现表单数据验证了,而几乎可以实现所有 的浏览器交互功能。而且主流的浏览器都支持js。大部分的浏览器都有解析 js 的引擎,所以才能执行js 的代码。js 不需要 进行编译,是解释性语言。

    二、JS 的基本语法要求

    1、是否区分大小写?  严格区分大小写

    2、标识符的起名要求(和Java 是一样的),第一个位置可以是字母、下划线、美元符号 |-其他位置可以字母、下划线、美元符号、数字。

    比如说 asfd_$234(合法的),89098asfds_$ (不合法)。

     3、变量的概念 

    变量就是声明来保存数据的内存空间 ], is 的变量声明要使用 var 关键字,声明的方式有两种:  

    声明并且赋值: var 变量名 =值

    先声明再赋值:var 变量名; //先声明       变量名="1234"; //赋值

    4、注释: 单行注释: //注释的内容    多行注释://*注释的内容*/

    5、JavaScript 中的每行代码完毕之后需要加上“;”吗?

    不加上也不会有语法错误,但是为了养成良好的习惯建议都加上去。

    6、JavaScript 的基本数据

     Undefined: 使用了一个没有赋值的变量(比如果说声明了一个变量 但是没有赋值),或者使用了一个不存在的变量。

    String:字符串类型(在Java 中 String 不是基本数据类型)

    Number:数字类型 |-Null:表示空类型

    Boolean: 布尔类型(有两个值分别是true 和 false)

     7、Js 中的变量的数据类型如何区分?

     在Java 中变量的类型是在申明变量的时候使用不同的关键字 (int/double)来定义出变量的类型,而且一个基本数据类型的变量只能 保存一种类型。js 中的变量类型是按照变量保存值的类型来进行划分的,而且在 js中申明了一个变量可以保存任何类型的数据,所以js 又叫做弱类型语言。

    demo:向控制台输出数据的类型

    <script>
    var temp; temp=10; 
    alert(typeof temp); 
    temp="nihao";
    alert(typeof temp); 
    </script>

    alert() 是 js 定义好的一个方法,可以直接调用,方法的作用是在页面弹 出提示窗口。该方法是属于内置对象 window。 还可以在控制台输出信息,使用的方法是console.log()。

    三、JS 的三种使用结构

    1、在 html 代码中使用js   

      <a href="javascript:alert('禁止跳转)">跳转到百度的连接</a>

    2、在<script>标签中定义js代码

    <script type="text/javascript">

    //定义js代码 

     alert("Hello world! ");

    </script>

    当浏览器解析到“<script>”的时候会唤醒浏览器中的js 解析 引擎来解释 js代码。其实上<script>可以放到页面的任何位置

    3、将js 定义在一个单独的文件中(index.js),在需要的地方导入该文件

    总结:

    以上的三种使用结构中,第一种基本不使用,第二种简单的js代码会使用(百分之30),第三种 是使用最为广泛的方式,这样的好处是方便代码的重用,而且方便维护。js 语言不需要编译,而是直接解释运行,之所以能运行是因为浏览器中 存在有js 的解释引擎对 js 进行解释运行。 js 被称为是一种弱类型语言,主要原因是声明了一个变量可以保存任何 类型的数据,而且不需要编译。

      

     

     

  • 相关阅读:
    “双一流”建设学科名单
    “双一流”建设高校名单
    vue项目上传Github预览
    vue数据绑定源码
    构建工具是如何用 node 操作 html/js/css/md 文件的
    prop 和 attr 中一些羞羞的事情
    用element-ui的走马灯carousel轻松实现自适应全屏banner图
    Vue实例方法之事件的实现
    初学微信小程序 TodoList
    一个页面从输入URL到加载显示完成,发生了什么?
  • 原文地址:https://www.cnblogs.com/whymoney1000/p/10780278.html
Copyright © 2020-2023  润新知