javascript权威指南 学习笔记之javascript数据类型_javascript技巧

复制代码 代码如下:

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>javascript数据类型</title>
</head>
<body>
<script type="text/javascript">
/**
JavaScript中允许使用
三种基本数据类型----数字,文本字符和布尔值。其中数字包括符点数.
此外,它还支持两种小数据类型---null(空)和undefined(未定义),该两种小数据类型,它们各自只定义了一个值 。
还支持复合数据类型---对象(object),注意数组也是一种对象
另外,js还定义了一种特殊的对象---函数(function),注意:函数也是一种数据类型,真的很强大。。。
除了函数和数组外,JavaScript语言的核心还定义的其他一些专用的对象。例如:Date,RegExp,Error......
*/
/**
三种基本数据类型
*/
var $num = 111;
var $str = "aaabbbccc";
var $b = false;
document.write("javascript中的各种数据类型:");
document.write("<br/>$num的类型: "+typeof $num);//number
document.write("<br/>$str的类型: "+typeof $str);//string
document.write("<br/>$b的类型: "+typeof $b);//boolean
/**
两种小数据类型
*/
var x ;
document.write("<br/>x的数据类型:"+typeof x);//undefined
var bbb = !x;//true
document.write("<br/>bbb的数据类型:"+typeof bbb);//boolean
document.write("<br/>两种小数据类型:"+typeof null+","+typeof undefined);//object,undefined
/**
特殊数据类型:函数
*/
function myFun(x){//..............aaa处
return x*x;
}
var myFunFun = function(x){//..............bbb处
return x*x;
}
alert(myFun);//aaa处
alert(myFunFun);//bbb处
document.write("<br/>myFun,myFunFun的类型: "+typeof myFun+","+typeof myFunFun);//function,function
/**
对象数据类型,以下三种方式
*/
//第一种方式:通过构造基本对象,为对象添加属性来达到
var obj = new Object();
obj.name = "yangjiang";
obj.sex = "sex";
//第二种方式:利用对象直接量
var ooo = {};
ooo.name = "yangjiang";
ooo.sex = "sex";
//第三种方式:定义类型(有点像JAVA语言中的类):此种方式最常用
function People(name,sex){
this.name = name;
this.sex = sex;
}
var oooo = new People("yangjiang","sex");
//以下输出三种方式的结果
document.write("<br/>obj的类型:"+typeof obj);//object
document.write("<br/>ooo的类型:"+typeof ooo);//object
document.write("<br/>oooo的类型:"+typeof oooo);//object
/**
数组 也是一种对象
*/
var $array = [];
var $arrayA = ["aaa","bbb",111,false];
var $arrayB = new Array();
document.write("<br/>$array的数据类型:"+typeof $array);//object
document.write("<br/>$arrayA的数据类型:"+typeof $arrayA);//object
document.write("<br/>$arrayB的数据类型:"+typeof $arrayB);//object
</script>
</body>
</html>

时间: 2024-12-26 20:49:43

javascript权威指南 学习笔记之javascript数据类型_javascript技巧的相关文章

javascript权威指南 学习笔记之null和undefined_jquery

复制代码 代码如下: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript之null和undefined</title> </head> <body> <script type="

javascript权威指南 学习笔记之变量作用域分享_javascript技巧

不知道,大家对语言中变量的"声明"与"定义"是怎么理解的, 我的理解如下: "声明"变量,只是仅仅声明,而"定义"变量,指声明了,并且赋值了. 例如: 复制代码 代码如下: var name;//只是声明 var num = 11;//声明,并且赋值,即定义了 var password = "yangjiang";//声明,并且赋值,即定义了 下面是几点总结: 变量的作用域:全局的和局部的.(注意:如果尝试

JavaScript学习笔记之数组去重_javascript技巧

推荐阅读:JavaScript学习笔记之数组的增.删.改.查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法. 下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处. 双重循环去重 这个方法使用了两个for循环做遍历.整个思路是: 构建一个空数组用来存放去重后

Vue.js第二天学习笔记(vue-router)_javascript技巧

vue中vue-router的使用: main.js如何配置(es6的写法):在引用之前记得先   npm 下所需要的vue import Vue from 'vue' import App from './App.vue' import Router from 'vue-router' import Resource from 'vue-resource' //import VueTouch from 'vue-touch' var VueTouch = require('vue-touch'

关于Vue.js一些问题和思考学习笔记(1)_javascript技巧

前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,vue和avalon都是采用setter和getter实现双向绑定 例,如下代码在一秒后不会显示出"xxcanghai"的字样 <div id="app"> <h1>{{obj.tex

Bootstrap3学习笔记(三)之表格_javascript技巧

在上篇文章给大家介绍了 BootStrap3学习笔记(一)之网格系统       Bootstrap3学习笔记(二)之排版 只需要在table标签上使用.table类,就可以使用bootstrap默认的表格样式 如果需要行背景有交替变化,可以这样设定: 复制代码 代码如下: <table class="table table-striped"> 如果需要边框,可以这样设定: 复制代码 代码如下: <table class="table table-borde

TypeScript 学习笔记之基本类型_javascript技巧

在 TypeScript 中一共有 7 种基本类型. 1.boolean 复制代码 代码如下: var isDone: boolean = false; 2.number 代表 JavaScript 中的数字.在 JavaScript 中,无论是"整数"还是"浮点数",都是以双精度浮点类型存储的. 复制代码 代码如下: var height: number = 6; 3.string 代表字符串.跟 JavaScript 一样,可以使用一对双引号(")或一

Bootstrap3学习笔记(二)之排版_javascript技巧

在上篇文章给大家介绍了BootStrap3学习笔记(一)之网格系统 对于标题,Bootstrap已经修改了h1--h6的样式,如果需要副标题,还可以在其中使用small标记 <h1>h1. Bootstrap heading <small>Secondary text</small></h1> <h2>h2. Bootstrap heading <small>Secondary text</small></h2>

BootStrap3学习笔记(一)之网格系统_javascript技巧

如果显示网格,代码应类似这样: <div class="container"> <div class="row"> <div class="col-md-4"><p>Box 1</p></div> <div class="col-md-4"><p>Box 2</p></div> <div class=&