Java中的JavaScript技术

欢迎到我的简书查看我的文集

前言:

JavaScript是什么呢?它是一种基于对象和事件驱动的脚本语言,主要是应用于客户端上的.JavaScript它可以做到信息的动态交互,具有交互性,它不允许直接访问本地硬盘,具有安全性,JavaScript是一种跨平台性的一种语言,和平台无关,只有是可以解释JavaScript的浏览器可以执行.

JavaScript我们只要知道它具有交互性,安全性,跨平台性就行.

JavaScriptNetscape公司的产品,它之前的名字为LiveScript,我们学的Javasun公司的产品,现在是Oracle公司的产品.

特点,我们学习的Java语言是面向对象的编程语言,而JavaScript是基于对象的语言.对于JavaScript来说,是弱类型的语言,而Java强类型的.在JavaScript中只需要解释就可以执行,而对于Java来说,需要先编译成字节码文件,才能再次执行.

JavaScript用于html中,代码融入到Html中都是以标签的形式.

格式:

<script>...</script>

<script src=”test.js” type=”text/javascript”></script>

JavaScript语法

JS语法学习起来比较容易,有变量,语句,函数,数组等常见语言组成元素.

变量

var x = 2; 
x = “hello dashucoding”;
// 特殊
特殊的常量值:undefined
变量的值是: undefined(未定义)

运算符

&&  || 是逻辑运算符  & | 是位运算符
var x = 520/100*100; x = 520
而不是500

var x = 1.4+1.6 ; x = 3
而不是3.0
x = “11” – 1 ; x = 10

var x = 2;
var y = “123”;
var z = false;
typeof(x); //number
typeof(y); //string
typeof(z); //boolean

语句

  1. 判断结构

  2. 选择结构

  3. 循环结构

函数

格式:

function  函数名(形式参数...)
{
 执行语句;
 return 返回值;
}

function demo(x,y)
{
  alert(x+y);
}
demo(2,3);

window.onload = function()
{
 alert(“load ok”);
}

数组: 可以存任意元素,长度是可变的

遍历数组for(var x=0; x<arr.length; x++)
{
    alert(arr[x]);
}

对象

function  Person()
{
}
function Person(name,age)
{
    this.name = name;
    this.age = age;
}
var p = new Person(“dashucoding”,20);
with(对象)
{
}
for...in语句
for(x in p)
{
}

实例

var a = 2;function setValue(a){
 a = 3;
}
setValue(a);
答案为: 2;

数组:

// 数组是一个容器,其长度是可以变的,即是可以添加
<script type="text/javascript">
 // 数组
 var arr = [];
 // 定义一个长度为0的数组.
 var arr = [3,55,2,8];
 var[2] = 12;
 document.write("length="+arr.length);
 for(var x=0;x<arr.length;x++){
  document.write(arr[x]+" ");
 }
</script>

实例:

// 最大值
function getMax(arr){
 var max = arr[0];
 for(var x=1; x<arr.length; x++){
  if(arr[x]>max){
   max=arr[x];
  }
 }
  return max;
}
方法描述
concat()连接连个或更多的数组,并返回结果
join()把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素,并返回新的长度.
reverse()颠倒数组中元素的顺序
shift()删除并返回数组的第一个元素
slice()从某个已有的数组返回选定的元素
sort()对数组的元素进行排序
splice()删除元素,并向数组添加新元素
toString()把数组转换为字符串,并返回结果
toLocaleString()把数组转换为本地数组,并返回结果
unshift()向数组的开头添加一个或更多元素,并返回新的长度.
valueOf()返回数组对象的原始值

JavaScript sort() 方法

定义和用法:
sort() 方法用于对数组的元素进行排序.

// 语法:arrayObject.sort(sortby)
参数描述
sortby可选,规定排序顺序,必须是函数.

返回值是:对数组的引用.

方法描述
big()用大号字体显示字符串
blink()显示闪动字符串
bold()使用粗体显示字符串
charAt()返回在指定位置的字符
concat()连接字符串
indexof()检索字符串
italics()使用斜体显示字符串
link()将字符串显示为链接
small()使用小字号来显示字符串
split()把字符串分割为字符串数组
sub()把字符串显示为下标
方法描述
Date()返回当日的日期和时间
getDate()从Date对象返回一个月中的某一天
getDay()从Date对象返回一周中的某一天
getMonth()从Date对象返回月份
getYear()从Date对象以两位或四位数字返回年份
getHours()返回Date对象的小时
getMinutes()返回Date对象的分钟
getSeconds()返回Date对象的秒数

prototype 属性

返回对象类型原型的引用

objectName.prototype

objectName 参数是对象的名称.

JavaScript charAt()方法

定义和用法:

charAt()方法可返回指定位置的字符.

stringObject.charAt(index)

js面向对象的开发

<script type = "text/javascript">
 function Per(){
  alert();
 }
var p = new Per();
p.name = "dashucoding"
p.age = 20;
p.show = function(){
 alert(this)
};

function Per(name,age){
 this.name = name;
 this.age = age;

 this.setName = function(name){
  this.name = name;
 };
 this.getName = function(){
  return this.name;
 };
 this.toString = function(){
  return " P " + name + "" + age;
 };
}
</script>

达叔小生:往后余生,唯独有你
You and me, we are family !
90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通
简书博客: 达叔小生
https://www.jianshu.com/u/c785ece603d1

结语

  • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注

  • 小礼物走一走 or 点赞

这是一个有质量,有态度的公众号

喜欢本文的朋友们

欢迎长按下图关注订阅号

收看更多精彩内容

posted @ 2020-01-10 23:10  达达前端  阅读(74913)  评论(0编辑  收藏  举报