文档章节

javascript 基础

刘滕
 刘滕
发布于 2016/04/26 21:32
字数 1259
阅读 11
收藏 0
3、变量 和 常量
   1、变量
      1、什么是变量
         一个可以变化的量(数据)

	 内存:保存程序运行过程中所需要用到的数据。

	 变量:就是一段内存的空间,目的为了保存数据二用。
	 变量名:变量的名称。就是内存地址的别名
      2、变量的声明
         声明:在内存中,开辟一段空间
	 语法:var 变量名;

	 保存数据:使用 = 为变量赋值
	   = : 赋值运算符

	 var 变量名; //声明
	 变量名=值;//赋值

	 var 变量名=值;//声明变量并且初始化值
	 初始化:为变量第一次赋值的过程可称为初始化

	 注意:
	   如果声明了变量,但是没有初始化,那么变量将自动取值为 "undefined"

	问题:声明一个变量,用来保存学员的名称
	var name;
	问题:声明三个变量,保存三个学员的名称
	var name1;
	var name2;
	var name3;

	一条语句中声明多个变量:
	多个变量名中间,用 , 隔开即可
	var name1,name2,name3;
	var name1="aaa",name2,name3;
      3、变量名的命名规范
         1、要求
	    1、不允许关键字以及保留关键字左变量名称
	       比如:var,if,break ...
	 2、命名规范
	    1、可以包含字母、数字、下划线以及$
	       var name;
	       var name*;//错误,不允许包含*
	       var name$;
	    2、不能以数字开头
	       var name1,name2,name3;//正确
	       var 1name,2name,3name;//错误
	       var $name;//正确
	       var _name;//正确
	    3、尽量见名知意
	       var age;
	       var xingming;

	    4、变量名不能重复
	    5、可以采用 “匈牙利命名法”,“下划线命名法”,“驼峰命名法”
	      匈牙利命名法:控件缩写+功能名称;
	        text : txt
		password : txt,pwd
		radio : rdo
		checkbox : chk
		select : sel

		submit
		button
		reset   :  btn
           eg : 声明变量 用于保存 从文本框中得到用户姓名的 信息
	        var txt_username;
		var txtUsername;

	       下划线命名法: 
	          var user_name;
		  var _name;
	       驼峰命名法:
	          var studentName;
      4、变量的使用
	 1、未经初始化的变量
	    1、未初始化指的是,只声明了,但是没有负值的变量,系统会自动赋值为 undefined
	    2、变量未声明直接使用
	       语法错误
	 2、声明直接初始化
	    将声明变量与赋值操作放在一条语句内完成
	    var 变量名=值;

	    var name="张三丰";
	    var gender="Male";
	    var age=80;
	 3、对变量中的数值进行操作
	    1、取值 - GET操作
	       在程序中直接打印输出变量值
	       console.log(变量名);
	       document.write(变量名);
	       window.alert(变量名);

	       直接使用变量名即可
	    2、赋值 - SET操作
	       通过 = 完成

	       =的左边 必须是变量
	       =的右边 可以是值,也可以是变量

	       var name = "张三丰";
	       var teaName="张无忌";

	       name = teaName;//将teaName的值 赋值给name变量
   2、运算符
      1、算术运算符
         +,-,*,/,%

	 - :
	 * :
	 / :
	 % : 俗称 模 ,取余,获取两个数字相除之后的余数
	 5 % 2
	     使用场合:
	       1、判断奇偶性
	       2、判断 x 数字的倍数
	 + :
	    1、计算两个数字相加的结果
	    2、连接变量 与 普通数据
	       var name = "张三丰";
	       console.log("学员姓名:"+name);

	 由算术运算符组成的表达式称之为 算术表达式

	 8341
	 8341 / 10 = 834 ... 1
	 8341 / 100 = 83 ... 41
   3、常量
      1、什么是常量
         常量也是内存中的一段存储空间,但是一旦确定值后,就不允许再修改
      2、目的
         保证程序中的数据的准确性
      3、语法
         使用 const 关键字 声明常量 
	 const 常量名 = 值;
	 习惯上,常量名采用全部大写

	 eg :
	   1、声明PI的值为3.14
	      const PI = 3.14;

     练习:定义一个变量,来表示 一个圆的半径,数值自定。计算出该半径的圆的周长以及面积分别是多少,在控制台上打印输出。
     周长:2*PI*r;
     面积:PI*r*r

     打印结果 :
       半径为 xx 的圆的周长为 xxx
       半径为 xx 的圆的面积为 xxx
4、数据类型
   作用:决定了内存中开辟多大的空间来保存数据
   Javascript数据类型:
   1、原始类型(基本类型)
      1、number 类型
         数字类型
	 表示32位(4字节)的整数,,也可以表示64位(8字节)的浮点数
	 浮点数:小数

	 3M : 
	  3*1024 = 3072KB * 1024 = 3145728字节

	整数:
	   十进制数:
	   八进制:0作为开始
	     var num = 010;
	   十六进制:0x
	     var num = 0x00000abc;
	浮点数:
	  95.5,3.14,100.00
	  4.5e10 ...
      2、string 类型
         字符串
	 在JS中,一个字符或多个字符都可以称之为字符串。

	 字符串在使用的时候必须用 '' 或 "" 括起来
	 var name="张三丰";
	 var age="24"; //字符串

	 注意:只要字符串参与到 "+" 操作,起到的全部都是连接作用

	 转移字符:
	   \" : "
	   \' : '
	   \n : 换行
	   \t : 制表符(英文状态8个空格)
      3、boolean 类型
         布尔类型
	 取值:true 和 false
	 使用场合:条件判断的结果

	 参与+-*/%运算时,true=1,false=0
	 1+true

	 var b=true;
      4、undefined
         数据不存在,未定义值
      5、null
         引用类型使用 ...


© 著作权归作者所有

刘滕
粉丝 3
博文 7
码字总数 4375
作品 0
成都
前端工程师
私信 提问
学习Javascript的8张思维导图

分别归类为:  javascript变量  javascript运算符  javascript数组  javascript流程语句  javascript字符串函数  javascript函数基础  javascript基础DOM操作  javascript正则表达式...

thinkyoung
2014/09/23
0
0
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
javascript入门经典【推荐】—新手必备、零基础学习

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a125138/article/details/7819466 本书目录 第一章: JavaScript语言基础第二章: JavaScript内置对象 第三章...

续写经典
2012/08/01
0
0
javascript学习思维导图

JavaScript 数据类型 JavaScript 变量 Javascript 运算符 JavaScript 流程控制 JavaScript 数组 JavaScript 函数基础 JavaScript 字符串函数 JavaScript 正则表达式 DOM 基本操作 Window 对象...

IT智云编程
2018/09/12
0
0
JavaScript基础专题之类型检测(十一)

基本类型 我们都知道 JavaScript 语言的每一个值都属于某一种数据类型。 JavaScript 的数据类型,共有分为七种: 数值(number):整数和小数(比如1和3.14) 字符串(string):文本(比如H...

Chris_Ping
07/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Android面试常客之Handler全解

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/fnhfire_7030/article/details/79518819 前言:又到了一年...

shzwork
7分钟前
0
0
position sticky 定位

本文转载于:专业的前端网站➫position sticky 定位 1、兼容性 https://caniuse.com/#search=sticky chrome、ios和firefox兼容性良好。 2、使用场景 sticky:粘性。粘性布局。 在屏幕范围内时...

前端老手
14分钟前
1
0
CentOS 7 yum 安装 PHP7.3 教程

参考:https://www.mf8.biz/centos-rhel-install-php7-3/ 1、首先安装 EPEL 源: yum install epel-release 安装 REMI 源: yum install http://rpms.remirepo.net/enterprise/remi-release......

dragon_tech
29分钟前
1
0
Linux物理网卡聚合及桥接

Linux内部实现的bridge可以把一台机器上的多张网卡桥接起来,从而把自己作为一台交换机。同时,LInux bridge还支持虚拟端口,即桥接的不一定都是物理网卡接口,还可以是虚拟接口。目前主要表...

xiangyunyan
29分钟前
1
0
一起来学Java8(一)——函数式编程

在这篇文章中,我们将了解到在Java8下如何进行函数式编程。 函数式编程 所谓的函数式编程就是把函数名字当做值进行传递,然后接收方拿到这个函数名进行调用。 首先来看下JavaScript如何进行函...

猿敲月下码
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部