js课程 1-3 Javascript变量类型详解
js课程 1-3 Javascript变量类型详解
一、总结
一句话总结：js对象点（属性方法），json对象冒号（属性方法）。属性和方法区别只有一个括号。
1、json对象中的函数的使用？
函数名：function(){}
14 jsobj={
15 'username':'user1',
16 'age':'20',
17 'sex':'nan',
18 'say':function(){
19 alert(123456)
20 }
21 };
2、js对象中方法的使用？
和属性一样，方法和属性比只多一个括号，直接点方法名
16 obj=new Object();
17 obj.username='user1';
18 obj.age='20';
19 obj.sex='nan';
20 obj.say=function(){
21 alert('my name is user1');
22 }
3、js中数组如何定义？
数组类，构造函数初始化
16 ps=new Array('小金','小帅','小明','小东');
二、Javascript变量类型详解
1、相关知识
js变量类型:
1.字符串
2.整型
3.浮点
4.布尔
5.数组
6.对象
7.json对象
8.NaN
9.null
10.undefined
整型:
num=10;
字符串:
str='my name is user1';
浮点型:
num=10.5;
数组:
1.arr=new Array(1,2,3);
2.arr=[1,2,3];
js对象:
1.js对象
obj=new Object();
obj.username='user1';
obj.say=function(){
alert(123);
}
2.dom对象
eleobj=document;
3.json对象
obj={'username':'user1','age':'20'};
NaN类型:
#not a number
str='10a';
num=Number(str);
null类型:
str=null
#一般用于提前规划一些变量或给变量赋初值
undefined类型:
#变量未定义
2、代码
json对象
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
jsobj={
'username':'user1',
'age':'20',
'sex':'nan',
'say':function(){
alert()
}
}; jsobj.say();
</script>
</html>
数组就是一组值
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
//数组 ps=new Array('小金','小帅','小明','小东'); alert(ps);
</script>
</html>
js对象
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
//js对象 obj=new Object();
obj.username='user1';
obj.age='20';
obj.sex='nan';
obj.say=function(){
alert('my name is user1');
} document.write('<h1>my name is '+obj.username+'</h1>');
document.write('<h1>my age is '+obj.age+'</h1>');
obj.say();
</script>
</html>
js课程 1-3 Javascript变量类型详解的更多相关文章
- js变量类型详解
<html> <title>js变量类型详解</title> <meta http-equiv="content-type" conten ...
- javascript变量提升详解
js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解.所以在此,我想来讲一讲. 先从一个简单的例子来入门: a = 2; var a; cons ...
- JavaScript 变量作用域 详解
变量作用域要点 - 在JavaScript中没有块级作用域,只有函数作用域 - 在函数体内,局部变量的优先级高于同名的全局变量 - 在全局作用域编写代码时可以不写var语句,但声明局部变量时必须使用v ...
- bash变量类型详解
本地变量:作用于当前shell,对当前shell之外的其他shell进程和当前shell子进程均无效. 本地变量赋值为 name='value' value可以是字符串或者是变量,引用变量使用${na ...
- JS变量对象详解
JS变量对象详解 开年之后工作热情一直不是很高,这几天一直处于消极怠工状态.早上不想起床,起床了不想上班.明明放假之前工作热情还一直很高,一直心心念念的想把小程序项目怼出来,结果休假回来之后画风完全不 ...
- [转]javascript console 函数详解 js开发调试的利器
javascript console 函数详解 js开发调试的利器 分步阅读 Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console 对象,使用该 ...
- javascript变量类型及作用域
javascript变量类型及作用域 一.简介 变量类型 ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型. 基本类型 基本类型指的是简单的数据段,5种基本数据类型:undef ...
- vue.js循环for（列表渲染）详解
vue.js循环for(列表渲染)详解 一.总结 一句话总结: v-for <ul id="example-1"> <li v-for="item in ...
- [转]JavaScript异步机制详解
原文: https://www.jianshu.com/p/4ea4ee713ead --------------------------------------------------------- ...
随机推荐
- Day5下午解题报告1
预计分数:100+60+30=190 实际分数:100+60+30=190 终于有一道无脑T1了哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 ...
- golang 函数作为类型
golang 函数作为类型 package main import "fmt" type A func(int, int) func (f A)Serve() { fmt.Prin ...
- echarts统计图踩坑合集
1:折线图条的颜色修改 series : [ { name : 'SBP(收缩压)', type : 'line', itemStyle : { normal : { lineStyle:{ colo ...
- 鸟哥的Linux私房菜-----16、程序与资源管理
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/ ...
- CentOS6.X安装10G需要额外安装的软件包
yum -y install libXp yum -y install libXp.i686 yum -y install libXtst.i686
- 使用jmeter监控服务器性能指标
先下载jmeter-ServerAgent Windows下载和Linux下载 https://jmeter-plugins.org/wiki/PerfMon/ 找到ServerAgent的下载链接 ...
- Jenkins学习总结（1）——Jenkins详细安装与构建部署使用教程
Jenkins是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能.Jenkins是基于Java开发的一种持续集成工具,用于监控持续重复的工作,功能包括: 1.持续的软件版本发 ...
- Could not find action or result: There is no Action mapped for namespace [/] and action name [GetG
Could not find action or result: /car/GetGpsDataAction There is no Action mapped for namespace [/] ...
- amazeui学习笔记--css（常用组件11）--分页Pagination
amazeui学习笔记--css(常用组件11)--分页Pagination 一.总结 1.分页使用:还是ul包li的形式: 分页组件,<ul> / <ol> 添加 .am-p ...
- UVA 11646 - Athletics Track || UVA 11817 - Tunnelling the Earth 几何
题目大意: 两题几何水题. 1.UVA 11646 - Athletics Track 如图,体育场的跑道一圈400米,其中弯道是两段半径相同的圆弧,已知矩形的长宽比例为a:b,求长和宽的具体数值. ...