变量简介

“变量是一个容器”

为什么要有变量?

  程序的执行过程中,会使用到许多的数据(用户输入的内容,动态效果的运动数据等),当这些数据需要重复在多个地方使用的时候,就需要一个容器存储。

  例如,当你想要去喝饮水机的水的时候,就需要一个杯子。这样子饮水机的水和杯子里面的水就是一样的水。

  对于水来说,杯子就是容器,如果将水比喻为数据的话,那么变量就是数据的容器。

  所以,变量的作用,就是让某些数据可以在多个地方进行访问。

变量的使用

“要先确保有一个杯子,才可以去使用他”

  1.变量的声明

    一个变量在使用之前,必须先进行声明操作。

  2.JS的语言特性

    -->   弱类型

    -->   动态类型

    -->   基于对象的客户端脚本语言

  名词解释:

    1>  JS是弱类型语言:意味着变量中可以保存的数据的类型是不限制的(杯子里面是任何的液体),并且允许变量类型的隐式转换操作。

    2>  JS是动态类型语言:动态指的是变量的类型是在JS解析器运行时确定变量类型,简单来说,就是运动代码时,变量当前保存的是什么样子的类型,那么变量就是什么类型的。

    3>  JS是基于对象的语言:意味着JS原生语法不支持面向对象(但是可以通过操作实现面向对象)。

    4>  脚本语言:脚本语言也称之为是解释性语言,意味着代码在执行前不需要进行单独的编译操作,直接通过解析器运行就可以。

  3.命名规范

    1>>   变量名可以是由 ¥  —   英文字母  数字  组成的。但是开头不能是数字。

    2>>   严格区分大小写

    3>>   不能包含空格和特殊的字符。

    4>>   不能使用JS关键字和保留字

    5>>   两个推荐

      1.有意义的命名方式--根据具体保存的数据含义进行设置变量名

      2.变量名使用多个单词组合时,使用驼峰命名法(CamelCase)

  4.语法

    单个变量的声明方式

var num;

    多个变量的声明方式

var num, str;

    当声明多个变量的时候,推荐使用多个变量的命名方式。

  5.赋值

    第一步: 先声明一个变量

var num;

    第二步:使用 = 操作,对一个变量进行赋值(让变量 保存一个值)

num = ;

    声明多个变量的赋值操作

var num =  , str = “abc”;

  6.初始化操作

    实际上就是将变量的声明和赋值同时设置

    当我们在声明变量的时候就已经确定要保存的值,就可以使用变量的初始化

var num = ;

  7.赋值与初始化的区别

     在程序执行的时候,赋值操作具有返回值,返回值为当前的赋值;

var num;
num = ; //返回值是100

    在程序执行的时候,初始化操作是没有返回值的。

  8. 变量未声明与声明未赋值

    -->  变量为未声明时候会出现  (ReferenceError)引用错误

    当程序出现报错之后,会停止后续代码的执行,所以一定要进行声明,再使用

    -->  使用typeof可以防止报错的产生

      typeof操作符用于数据类型检测,当使用typeof检测一个未声明的变量类型的时候会得到“undefined”,不会出现报错。

    -->  变量声明未赋值

      变量声明未赋值,得到的结果是”undefined“

  

JaveScript变量的简介及其变量的简单使用(JS知识点归纳一)的更多相关文章

  1. JaveScript简单数据类型(JS知识点归纳二)

    JS中的简单数据类型有五种 : --> string --> number -->boolean --> null -->undefined 数据类型的检测 :typeo ...

  2. JaveScript数组(JS知识点归纳五)

    1.概念 a)作用--用于保存多个数据,便于对数据的使用 b)数组元素--数组中的数据 c)索引--数组中的元素按照下标(数值)的方式排列(从0 开始),依次递增(也有可能是字符串的类型--不用) d ...

  3. JaveScript流程控制(JS知识点归纳四)

    01 流程控制 顺序结构: 程序的默认执行方式 条件判断语句:也称之为分支结构,选择结构:如果程序要执行的代码出现了多种情况需要使用 循环结构:当代码需要多次重复执行多次时,使用 02 条件判断语句 ...

  4. JaveScript函数(JS知识点归纳六)

    1.函数的基本使用 a)作用:代码的复用,灵活性比较强 b)声明方式:function 名 (形参){函数体} c)调用: 名(实参); d)封装函数--书写一个函数的结构,而且放入一些功能,在需要使 ...

  5. JaveScript运算符(JS知识点归纳三)

    JaveScript中有许多的运算符,在这里就只说明一些需要注意的. 01 一元运算符 一元:指的是参与运算的操作数只有一个 最经常使用的是++   -- 计算规则: ++/-- 前置于操作数的时候 ...

  6. JaveScript对象(JS知识点归纳七)

    1.JS中的对象表示的是一个具体的事物. a)静态的特征=>对象的属性 b)动态的行为=>对象的方法=>保存的值==>函数 2.对象的创建方式 a)构造函数的创建方式 ``` ...

  7. JaveScript内置对象(JS知识点归纳八)

    1)JS自身提供的方式 用于对数据进行简便的操作,根据方法可以操作的数据类型不同,形成了不同的对象--内置对象 2)数组 ​ a)基本操作方法--对数组进行修改 从数组最后进行操作 1)数组.push ...

  8. (一)Linux Shell编程——简介、变量、字符串、数组

    1. Shell简介 1.1 Shell出现背景 Shell 既是一种脚本编程语言,也是一个连接内核和用户的软件. 对于图形界面,用户点击某个图标就能启动某个程序:对于命令行,用户输入某个程序的名字( ...

  9. Java SE 简介 & 环境变量的配置

    Java SE 简介 & 环境变量的配置 一.Java 技术的三个方向 Java 技术分为三个方向 javaSE( Java Platform Standard Edition 标准版)用来开 ...

随机推荐

  1. Very Simple Problem

    Very Simple Problem Time Limit:2000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u ...

  2. 关于php加密库加密数据上传数据库或解密出错的问题

    php加密拓展库随着php版本的更新,函数的使用方法有所改变,所以加密模式推荐使用ecb,其中加密算法19种,加密模式8种,通过这种方式加密后的数据上传数据库后提取出来进行解密会发现结果是乱码,我认为 ...

  3. Grunt打包之seajs项目【转】

    原文:http://www.cnblogs.com/accordion/p/4508154.html grunt与seajs grunt是前端流行的自定义任务的脚手架工具,我们可以使用grunt来为我 ...

  4. YSlow---基于firebug的插件 ,用于网站页面性能的分析

    YSlow有什么用? YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化. YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则Y ...

  5. scrolling 优化 避免卡顿

    让我们来瞧瞧在滚动时到底发生了什么.在理解这个问题之前,我们先简要的介绍下浏览器是如何向屏幕绘制内容的.这一切都是从 DOM 树(本质上就是页面中的所有元素)开始的.浏览器先检查拥有了样式的 DOM, ...

  6. 如何在工程中使用axis2部署webservice

    有一个最简单的方法就是把axis2.war中的内容作为Web Project的基础, 来进行开发. 不过为了更清楚的了解如何在一个已有的Web Project中嵌入axis2, 那就手动来配置.大致分 ...

  7. Win10命令大全通用(Win8,Win7)

    Windows 10/Win10命令大全通用(Win8,Win7 Windows 10/Win10命令大全通用(Win8,Win7) 1.calc:启动计算器       2.appwiz.cpl:程 ...

  8. [C#]使用dnSpy对目标程序(EXE或DLL)进行反编译修改并编译运行

    本文为原创文章.源代码为原创代码,如转载/复制,请在网页/代码处明显位置标明原文名称.作者及网址,谢谢! 本文使用的工具下载地址为: https://github.com/cnxy/dnSpy/arc ...

  9. IDEA安装步骤详解

    IDEA开发工具是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手.代码自动提示.重构.J2EE支持.各类版本工具(git.svn.github ...

  10. 用JAVA中BufferedImage画出漂亮的验证码点击变化

    如果我们想用JAVA中BufferedImage画出漂亮的验证码点击变化怎么实现呢,类似这样: 点击变化,以下是实现过程,直接上代码: 首先前台:<i><img style=&quo ...