JavaScript的基础语法

时间：2023-01-24 23:54:06

对于Javascript的而言没有数据类型的全部都是通过var来定义创建的。比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var a = 1;

            a="1";

            alert(a);

        </script>

    </head>

    <body>

    </body>

</html>

变量的作用域，如果你直接写在script这个标签中他的作用域就是整个页面，变量还可以定义在方法中，在这个方法中他的作用域就是这个方法的调用的开始到结束，在JavaScript中定义方法是通过function来定义方法的比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var a = 1;

            a="1";

            alert(a);

            function method1(){

                var b = "2";

                alert(b);

            }

        </script>

    </head>

    <body>

    </body>

</html>

如果你想在一个方法中调用另一个方法中定义的变量这个是会报错的（ReferenceError: b is not defined），因为JavaScript是一种动态的语言，它是一行一行解析的。

比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var a = 1;

            a="1";

            alert(a);

            function method1(){

                var b = "2";

                alert(b);

            }

            function method2(){

                var c = "3";

                alert(c);

                alert(b);

            }

        </script>

    </head>

    <body>

    </body>

</html>

好了，这就是变量的作用域和如何定义变量，但是你直接运行上述的代码是没有效果的，因为我们定义的方法还没有被调用，比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var a = 1;

            a="1";

            alert(a);

            function method1(){

                var b = "2";

                alert(b);

            }

            function method2(){

                var c = "3";

                alert(c);

                alert(b);

            }

        </script>

    </head>

    <body>

        <input type="button" value="运行method1" onclick="method1()"/>

        <input type="button" value="运行method2" onclick="method2()"/>

    </body>

</html>

补充一点就是：当在函数的内部没有使用var来声明变量的时候，这个变量会作为全局变量来声明，所以一定要在函数中使用var 来声明一个变量，不然到最后会出现莫名其妙的错误。比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

//            var a = 1;

//            a="1";

//            alert(a);

//            function method1(){

//

//                alert(b);

//            }

            function method2(){

                b = "2";

                alert(b);

            }

            function method3(){

                alert(b);

            }

        </script>

    </head>

    <body>

        <input type="button" value="运行method1" onclick="method1()"/>

        <input type="button" value="运行method2" onclick="method2()"/>

        <input type="button" value="运行method3" onclick="method3()"/>

    </body>

</html>

下面介绍一下JavaScript中变量的类型，以及强制类型的转换等问题：比如

变量的类型有Number,String,Array,Date常用的类型。当你定义一个变量的时候想看这个变量是什么类型就用关键字（typeof 变量名字）。Java强制类型的转换（Number）a,然而在js中是通过Number(a).如果强制转换一个非数字的值为Number时候会得到一个NaN的值，转换成整数的时候还可以用parseInt(a),这个函数就是可以将字符串开头的的几个数字转换成int，如果开头的不是数字，那就得到一个NaN的值。比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var a = "a";

            //alert(typeof a);

            a = "11";

            alert(Number(a)+1);

            var b = "b";

            alert(Number(b));

            var c = "123c";

            alert(parseInt(c));

            var d = "d123";

            alert(parseInt(d))

        </script>

    </head>

    <body>

        <input type="button" value="运行method1" onclick="method1()"/>

        <input type="button" value="运行method2" onclick="method2()"/>

        <input type="button" value="运行method3" onclick="method3()"/>

    </body>

</html>

对于数组等对象而言显示的结果是object，而不是Array,我们可以通过array as instanceof Array来准确判断array是不是Array的实例如果是返回true，对于布尔类型：true和false中，在js中非0就是true，特别注意：NaN是false.当一个变量没有定义的值的时候他的类型是undefined类型，undefined类型是false比如：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>javascript基础语法</title>

        <script type="text/javascript">

            var array = ["a","b",1,2,3];

            alert(typeof array);

            alert(array instanceof Array);

            var size;

            alert(size+"1");

        </script>

    </head>

    <body>

        <input type="button" value="运行method1" onclick="method1()"/>

        <input type="button" value="运行method2" onclick="method2()"/>

        <input type="button" value="运行method3" onclick="method3()"/>

    </body>

</html>

特别注意：在js中除了NaN,undedined,0其他的都是true.

JavaScript的基础语法的更多相关文章

  1. JavaScript编程：javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  2. JavaScript的基础语法，你真的了解吗？

    这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...

  3. JavaScript 正则表达式基础语法

    前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...

  4. JavaScript数据类型 —— 基础语法（2）

    JavaScript基础语法(2) 数据类型 js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object) ...

  5. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  6. JavaScript之基础语法

    第一章 javascript语法 一, js代码的引入 方式一:在html页写js代码 <script> alert('hello,world') </script> 方式二: ...

  7. 1&period;JavaScript 教程&colon;基础语法

    简介: JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 用法: (1)HTML 中的脚本 ...

  8. JavaScript核心基础语法

    1 什么是JavaScript? 是一种嵌入在网页中的程序段. 是一种解释型语言,被浏览器解释执行. 由Netscape发明,ECMA(欧洲计算机制造商协会)将其标准化. JavaScript借用了J ...

  9. JavaScript面向对象基础语法总结

    1.Javascript的 对象(Object): //例子:var car = { , , }; 2.使用构造函数来创建对象. //例子: var Car = function() { ; ; ; ...

随机推荐

  1. echarts简单使用

    最近在做一个项目,开始使用的是acharts,在电脑端访问的效果还真不错,但是放到手机端访问就惨了,尤其是iOS系统上,各种不兼容,后来准备换收费的hightcharsts,无意间发现有个免费的ech ...

  2. PHP数组的排序函数

    对保存在数组中的相关数据进行排序是一件非常有意义的事情.在PHP中提供了很多函数可以对数组进行排序,这些函数提供了多种排序的方法.例如,可以通过元素的值或键及自定义排序等. ①简单的数组排序函数简单的 ...

  3. SignalR系列教程：在MVC5中使用SignalR

    本章主要内容: 1:向MVC5添加SignaIr 2: 什么是集线器,如何创建集线器 3: 客户端通过jqery调用集线器 本文还是延续“SignaIR快速入门”中聊天室的例子进行讲解.首先我们通过V ...

  4. Linux经常使用的命令（必看）

    http://www.importnew.com/12425.html     http://www.importnew.com/13107.html http://www.importnew.com ...

  5. 浅析跨域的方法之一 JSONP

    概念: 什么叫跨域? 同源策略:它是由Netscape提出的一个著名的安全策略.现在所有支持JavaScript 的浏览器都会使用这个策略. 所谓同源是指,域名,协议,端口相同. 同源的脚本才会被执行 ...

  6. ehcarts 四川地图

    vue 首先你要*地图就引入进来(没得的地图需要你json请求得到(这个json自己去找),然后你要注册这个地图,echarts有的话就不用注册) import "../../node_m ...

  7. 【java】多个对象的序列化和反序列化

    当我们需要序列化多个对象的时候,可以采用集合把多个对象放到集合中,然后序列化整个集合. 而我们要反序列化的时候,就使用集合接收反序列化后的对象 如: List<Student> stude ...

  8. 【hibernate】1、Hibernate的一个注解 &commat;Transient

    @Transient表示该属性并非一个到数据库表的字段的映射,ORM框架将忽略该属性.如果一个属性并非数据库表的字段映射,就务必将其标示为@Transient,否则,ORM框架默认其注解为@Basic ...

  9. 排序算法的java实现

    冒泡.选择就不写了.很常见 一:插入排序: /** * 插入排序 */ public class P4_3 { static void insertSort(int[] a){ int j,t; /* ...

  10. node&period;js第11课（HTTPclient）

     一.http模块提供了两个函数http.request和http.get,功能是作为client向HTTPserver发起请求.     Ext.Ajax.request({},function ...

相关文章