一、前言
为成为一名合格的web工程开发工程师,博主最近在同时学习JS与PHP,虽然他们的用途与实现是完全不同的,但它们的基础语法有些相似也有很大不同,同时学习容易混淆,所以在此对比以方便博主自身情况的学习记忆。
二、简介
1、JavaScript简介
概述:JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
特点:
JavaScript 是脚本语言。
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
2、PHP简介
概述:PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的,并且使用广泛。对于像微软 ASP 这样的竞争者来说,PHP 无疑是另一种高效率的选项。
三、使用方法
1、JavaScript使用
使用标签:如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<script> 和 </script> 之间的代码行包含了 JavaScript。
使用位置:JavaScript脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
外部引用:外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:如<script src="myScript.js"></script>
注释:与Java相同,单行注释以 // 开头,多行注释以 /* 开始,以 */ 结尾。
其他:JavaScript脚本是大小写敏感的。
2、PHP使用
使用标签:PHP 脚本以 <?php 开头,以 ?> 结尾。
使用位置:PHP 脚本可放置于文档中的任何位置。
外部引用:PHP 文件的默认文件扩展名是 ".php",PHP 文件通常包含 HTML 标签以及一些 PHP 脚本代码。
注释:与JavaScript基本相同,单行注释以 //或#开头,多行注释以 /* 开始,以 */ 结尾。
其他:PHP脚本是大小写不敏感的,除了变量!
四、输出语句
1、JavaScript输出
输出到HTML文档中:
<script> document.getElementById("demo").innerHTML="My First JavaScript"; </script>输出到 对应标签元素中的内容:
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p id="demo">My First Paragraph</p> <script> document.getElementById("demo").innerHTML="My First JavaScript"; </script> </body> </html>2 、PHP输出
在 PHP 中,有两种基本的输出方法:echo 和 print。
echo 和 print 之间的差异:
echo - 能够输出一个以上的字符串
print - 只能输出一个字符串,并始终返回 1
且echo 比 print 稍快,因为它不返回任何值,一般情况下,请使用echo。
注:JS脚本和PHP脚本都可以输出HTML标签。
<?php echo "<h2>PHP is fun!</h2>"; echo "Hello world!<br>"; echo "I'm about to learn PHP!<br>"; echo "This", " string", " was", " made", " with multiple parameters."; ?>
五、变量
1、JavaScript变量
声明与赋值:用var关键字声明,声明与赋值可以分开,可以用代数式赋值。
变量规则:
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
var x=2; var y=3; var z=x+y; var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
2、PHP变量
声明与赋值:变量用$name形式声明,变量声明同时需要赋值才会被创建,同样可以使用代数式赋值。
变量规则:
变量以 $ 符号开头,其后是变量的名称
变量名称必须以字母或下划线开头
变量名称不能以数字开头
变量名称只能包含字母数字字符和下划线(A-z、0-9 以及 _)
变量名称对大小写敏感($y 与 $Y 是两个不同的变量
其他:PHP 有三种不同的变量作用域:
local(局部)
global(全局)
static(静态)
在这里只大致区分,不再赘述。
<?php $x=5; $y=6; $z=$x+$y; echo $z; $txt="Hello world!"; ?>
六、数据类型
1、JavaScript数据类型
数字类型:只有一种
var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 var y=123e5; // 12300000 var z=123e-5; // 0.00123布尔类型 :
var x=true var y=false字符串类型:
var carname="Bill Gates"; var carname='Bill Gates';数组类型:
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo"; //或者 (condensed array): var cars=new Array("Audi","BMW","Volvo"); //或者 (literal array): var cars=["Audi","BMW","Volvo"];其他:Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
cars=null; person=null;2、PHP数据类型
<?php $x = 5985; var_dump($x); echo "<br>"; $x = -345; // 负数 var_dump($x); echo "<br>"; $x = 0x8C; // 十六进制数 var_dump($x); echo "<br>"; $x = 047; // 八进制数 var_dump($x); ?></span><pre name="code" class="javascript"><span style="font-size:14px;"><?php $x = 10.365; var_dump($x); echo "<br>"; $x = 2.4e3; var_dump($x); echo "<br>"; $x = 8E-5; var_dump($x); ?>
布尔类型:与JavaScript相同。
$x=true; $y=false;字符串类型:与JavaScript相同。
<?php $x = "Hello world!"; echo $x; echo "<br>"; $x = 'Hello world!'; echo $x; ?>数组类型:在 PHP 中,有三种数组类型:
<?php //索引数组及其遍历 $cars=array("Volvo","BMW","SAAB"); $arrlength=count($cars); for($x=0;$x<$arrlength;$x++) { echo $cars[$x]; echo "<br>"; } ?>
<?php //关联数组及其遍历 $age=array("Bill"=>"35","Steve"=>"37","Peter"=>"43"); foreach($age as $x=>$x_value) { echo "Key=" . $x . ", Value=" . $x_value; echo "<br>"; } ?>
七、函数
1、JavaScript函数
声明:function name(参数){函数体}
调用:多是在button的onclick("函数名(参数)")中调用,可有参也可以无参。
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button> <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script>2、PHP函数
形式大致与JS函数相同,function name(参数){函数体},又返回值时直接在函数体中return 变量名;。
<?php function sum($x,$y) { $z=$x+$y; return $z; } echo "5 + 10 = " . sum(5,10) . "<br>"; echo "7 + 13 = " . sum(7,13) . "<br>"; echo "2 + 4 = " . sum(2,4); ?>
八、对象
1、JavaScript对象
创建对象:objectName = new Object();
访问对象属性:objectName.propertyName
访问对象方法:objectName.methodName()
<!DOCTYPE html> <html> <body> <script> person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; document.write(person.firstname + " is " + person.age + " years old."); </script> </body> </html>2、PHP对象
在 PHP 中,必须明确地声明对象。
首先我们必须声明对象的类。对此,我们使用 class 关键词。类是包含属性和方法的结构。
然后我们在对象类中定义数据类型,然后在该类的实例中使用此数据类型。
//定义一个类 class Car { //定义属性 public $name = '汽车'; //定义方法 public function getName() { //方法内部可以使用$this伪变量调用对象的属性或者方法 return $this->name; } } $car = new Car(); //也可以采用变量来创建 $className = 'Car'; $car = new $className();注:对象是很复杂的数据结构,在此只是概述,以后再详细介绍,待续。